Start Recommendations slider at middle

josephdburdick · Jun 27, 2024 · c3422c6 · c3422c6
1 parent 190736f
commit c3422c6
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/app/_content/Recommendations.tsx b/src/app/_content/Recommendations.tsx
@@ -18,11 +18,13 @@ import Image from "next/image"
 import { useEffect, useState } from "react"
 
 export default function Recommendations() {
-  const [api, setApi] = useState<CarouselApi>()
-  const [current, setCurrent] = useState(0)
   const { data } = useApi()
+  const [api, setApi] = useState<CarouselApi>()
   const recommendations: RecommendationType[] =
     data.recommendations.attributes.recommendations
+  const [current, setCurrent] = useState(
+    Math.floor(recommendations.length / 2),
+  )
 
   useEffect(() => {
     if (!api) return