Revert "Blurry load"

This reverts commit fab698d676d43a46b0fd5df592915ca12111dbcb.

1 files changed, 0 insertions, 38 deletions

diff --git a/client/src/useBlurryLoad.ts b/client/src/useBlurryLoad.ts
deleted file mode 100644
index 59069d2..0000000
--- a/client/src/useBlurryLoad.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { useEffect } from 'react';
-import './blurry-load.css';
-
-export interface UseBlurryLoadProps {
-  toBlurImages?: Element[];
-}
-
-export const useBlurryLoad = (props?: UseBlurryLoadProps) => {
-  const { toBlurImages = [] } = props ?? {};
-
-  useEffect(() => {
-    const images: Element[] = [...toBlurImages];
-    if (toBlurImages.length === 0) {
-      images.push(...document.querySelectorAll('.blurry-load'));
-    }
-
-    const lazyImageObserver = new IntersectionObserver(function (entries) {
-      entries.forEach(function (entry) {
-        if (!entry.isIntersecting) return;
-
-        const image = entry.target;
-        const currentImage = new Image();
-        currentImage.setAttribute(
-          'src',
-          image.getAttribute('data-large') ?? ''
-        );
-
-        currentImage.onload = () => {
-          image.setAttribute('src', currentImage.src);
-          image.classList.add('blur-out');
-        };
-        lazyImageObserver.unobserve(image);
-      });
-    });
-
-    images.forEach((img) => lazyImageObserver.observe(img));
-  }, [toBlurImages]);
-};