diff options
Diffstat (limited to 'client/src/components/BlurryLoadDiv.tsx')
-rw-r--r-- | client/src/components/BlurryLoadDiv.tsx | 21 |
1 files changed, 0 insertions, 21 deletions
diff --git a/client/src/components/BlurryLoadDiv.tsx b/client/src/components/BlurryLoadDiv.tsx deleted file mode 100644 index 1dfe07e..0000000 --- a/client/src/components/BlurryLoadDiv.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import React from 'react'; -import { ClassAttributes, ImgHTMLAttributes } from 'react'; -import { JSX } from 'react/jsx-runtime'; -import { useBlurryLoad } from '../useBlurryLoad.ts'; -import { useMediaQuery } from '@mui/material'; - -export const BlurryLoadDiv = ( - props: JSX.IntrinsicAttributes & - ClassAttributes<HTMLImageElement> & - ImgHTMLAttributes<HTMLImageElement> & { 'data-large': string } -) => { - const isMobile = useMediaQuery('(max-width: 768px)'); - let blurry = ''; - if (!isMobile) { - useBlurryLoad(); - blurry = 'blurry-load'; - } - return ( - <div alt="" {...props} className={`${blurry} ${props.className}`}></div> - ); -}; |