Production bug, trying to at least not start at height 0.

LutherTS · Sep 11, 2024 · 4454510 · 4454510
1 parent 49ac757
commit 4454510
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/app/(pages)/carousel-part-cleaned/carousel.tsx b/app/(pages)/carousel-part-cleaned/carousel.tsx
@@ -152,10 +152,13 @@ export default function Carousel({ images }: { images: string[] }) {
     else paramsingObjectFitting();
   });
 
-  let height = useMotionValue(0);
-  const { width } = useWindowSize();
+  const { width, height } = useWindowSize();
+  let scrollHeight = useMotionValue(height);
+
   useEffect(() => {
-    height.set(document.getElementById(`${IMAGEID + index}`)!.clientHeight);
+    scrollHeight.set(
+      document.getElementById(`${IMAGEID + index}`)!.clientHeight,
+    );
   }, [index, objectFitting, width]);
 
   /* NEXT UP WOULD BE:
@@ -173,7 +176,7 @@ export default function Carousel({ images }: { images: string[] }) {
                 className={`flex`}
                 animate={{ x: `-${index * 100}%` }}
                 style={{
-                  height: objectFitting === "scroll" ? height : "auto",
+                  height: objectFitting === "scroll" ? scrollHeight : "auto",
                 }}
               >
                 {images.map((imageUrl, i) => {

diff --git a/app/(pages)/carousel-part-cleaned/page.tsx b/app/(pages)/carousel-part-cleaned/page.tsx
@@ -18,7 +18,7 @@ let images: string[];
 // ]);
 // imagesForSorting.sort((a, b) => a[1] - b[1]);
 // images = imagesForSorting.map((e) => e[0]);
-// // console.log(images);
+// console.log(images);
 
 /* Replacing the copypasted multiple images. */
 const imagesDynamized = (x: number) => {