summaryrefslogtreecommitdiff
path: root/client/src/components/BlurryLoadDiv.tsx
diff options
context:
space:
mode:
authorMichael Hunteman <michael@huntm.net>2024-11-08 13:25:12 -0800
committerMichael Hunteman <michael@huntm.net>2024-11-08 13:25:12 -0800
commit9f4fe3236e0c5f135c44a245b9157270e940c36d (patch)
tree887f0a61c754091c437227f9007f0415e2a8de54 /client/src/components/BlurryLoadDiv.tsx
parentfab698d676d43a46b0fd5df592915ca12111dbcb (diff)
Export guests as csv
Diffstat (limited to 'client/src/components/BlurryLoadDiv.tsx')
-rw-r--r--client/src/components/BlurryLoadDiv.tsx21
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>
- );
-};