Merged in feat/SW-1790-mobile-city-map (pull request #1497)

Feat/SW-1790 : Mobile city destination map

Approved-by: Christian Andolf
Approved-by: Fredrik Thorsson

apps/scandic-web/components/Carousel/index.tsx

@@ -20,17 +20,19 @@ function Carousel({
   plugins,
   className,
   children,
+  scrollToIdx = 0,
+  align = "start",
 }: CarouselProps) {
   const [carouselRef, api] = useEmblaCarousel(
     {
       containScroll: "trimSnaps",
-      align: "start",
+      align,
       axis: "x",
       ...opts,
     },
     plugins
   )
-  const [selectedIndex, setSelectedIndex] = useState(0)
+  const [selectedIndex, setSelectedIndex] = useState(scrollToIdx)
 
   const onSelect = useCallback((api: CarouselApi) => {
     if (!api) return
@@ -62,7 +64,6 @@ function Carousel({
 
   useEffect(() => {
     if (!api) return
-
     onSelect(api)
     api.on("reInit", onSelect)
     api.on("select", onSelect)
@@ -72,6 +73,11 @@ function Carousel({
     }
   }, [api, onSelect])
 
+  useEffect(() => {
+    if (!api || scrollToIdx === -1) return
+    api.scrollTo(scrollToIdx)
+  }, [api, scrollToIdx])
+
   return (
     <CarouselContext.Provider
       value={{