From 33dea648f4dd6c68ca8dff612fbae96289030473 Mon Sep 17 00:00:00 2001
From: Christoph Pader <christoph.pader@outlook.com>
Date: Wed, 24 Jan 2024 21:26:48 +0100
Subject: [PATCH] remove unused code

---
 src/components/Lightbox/index.tsx | 15 +--------------
 1 file changed, 1 insertion(+), 14 deletions(-)

diff --git a/src/components/Lightbox/index.tsx b/src/components/Lightbox/index.tsx
index 85776a18c2ee..8cc9f8afd4e2 100644
--- a/src/components/Lightbox/index.tsx
+++ b/src/components/Lightbox/index.tsx
@@ -90,9 +90,6 @@ function Lightbox({
         [contentSize, setContentSize],
     );
 
-    const isItemActive = index === activeIndex;
-    const [isActive, setActive] = useState(isItemActive);
-
     // Enables/disables the lightbox based on the number of concurrent lightboxes
     // On higher-end devices, we can show render lightboxes at the same time,
     // while on lower-end devices we want to only render the active carousel item as a lightbox
@@ -129,21 +126,11 @@ function Lightbox({
     // because it's only going to be rendered after the fallback image is hidden.
     const shouldShowLightbox = isLightboxImageLoaded && (!hasSiblingCarouselItems || !isFallbackVisible);
 
+    const isActive = index === activeIndex;
     const isFallbackStillLoading = isFallbackVisible && !isFallbackImageLoaded;
     const isLightboxStillLoading = isLightboxVisible && !isLightboxImageLoaded;
     const isLoading = isActive && (isCanvasLoading || isFallbackStillLoading || isLightboxStillLoading);
 
-    // We delay setting a page to active state by a (few) millisecond(s),
-    // to prevent the image transformer from flashing while still rendering
-    // Instead, we show the fallback image while the image transformer is loading the image
-    useEffect(() => {
-        if (isItemActive) {
-            setTimeout(() => setActive(true), 1);
-        } else {
-            setActive(false);
-        }
-    }, [isItemActive]);
-
     // Resets the lightbox when it becomes inactive
     useEffect(() => {
         if (isLightboxVisible) {