added toggles if there's only 1 image

ickynavigator · Feb 24, 2024 · 4c24a45 · 4c24a45
1 parent ca6699a
commit 4c24a45
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/app/(root)/projects/page.tsx b/src/app/(root)/projects/page.tsx
@@ -97,6 +97,8 @@ const Page = async () => {
             }
           })();
 
+          const isMultipleImages = projectImages?.length > 1;
+
           return (
             <Card
               shadow="sm"
@@ -108,7 +110,12 @@ const Page = async () => {
             >
               <Stack>
                 <CardSection>
-                  <Carousel withControls={false}>
+                  <Carousel
+                    withControls={isMultipleImages}
+                    draggable={isMultipleImages}
+                    loop
+                    withIndicators={isMultipleImages}
+                  >
                     {projectImages?.map(i => (
                       <CarouselSlide key={i.asset._ref}>
                         <Image