diff options
author | Michael Hunteman <michael@huntm.net> | 2024-11-08 13:25:12 -0800 |
---|---|---|
committer | Michael Hunteman <michael@huntm.net> | 2024-11-08 13:25:12 -0800 |
commit | 9f4fe3236e0c5f135c44a245b9157270e940c36d (patch) | |
tree | 887f0a61c754091c437227f9007f0415e2a8de54 /client/src/components/BlurryLoadDiv.tsx | |
parent | fab698d676d43a46b0fd5df592915ca12111dbcb (diff) |
Export guests as csv
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> - ); -}; |