Testing interruptability in production.

LutherTS · Sep 13, 2024 · 95f4b81 · 95f4b81
1 parent 0bc2e6b
commit 95f4b81
Showing 1 changed file with 11 additions and 9 deletions.
diff --git a/app/(pages)/carousel-part-cleaned/carousel.tsx b/app/(pages)/carousel-part-cleaned/carousel.tsx
@@ -156,15 +156,17 @@ export default function Carousel({ images }: { images: string[] }) {
   let objectFittingScrollHeight = useMotionValue(height);
 
   useEffect(() => {
-    const image = document.getElementById(
-      `${IMAGEID + index}`,
-    ) as HTMLImageElement;
-    const imageDecoding = async () => await image.decode();
-    imageDecoding().then(() => {
-      objectFittingScrollHeight.set(
-        document.getElementById(`${IMAGEID + index}`)!.clientHeight,
-      );
-    });
+    if (objectFitting === "scroll") {
+      const image = document.getElementById(
+        `${IMAGEID + index}`,
+      ) as HTMLImageElement;
+      const imageDecoding = async () => await image.decode();
+      imageDecoding().then(() => {
+        objectFittingScrollHeight.set(
+          document.getElementById(`${IMAGEID + index}`)!.clientHeight,
+        );
+      });
+    }
   }, [index, objectFitting, width, images]);
 
   /* NEXT UP WOULD BE: