fix popup not showing

KATITB22 · Aug 26, 2022 · faf8f85 · faf8f85
1 parent 165a590
commit faf8f85
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/src/components/Homepage/UnitRecommendation/_Carousel.tsx b/src/components/Homepage/UnitRecommendation/_Carousel.tsx
@@ -29,7 +29,7 @@ const Carousel = () => {
     <Box pt={8} pb={6}>
       <Swiper slidesPerView={5} centeredSlides>
         {units.map((unit, index) => (
-          <SwiperSlide key={unit.ext_id}>
+          <SwiperSlide key={unit.id}>
             {({ isActive }) => {
               if (isActive) {
                 setPosition(index);
@@ -42,7 +42,7 @@ const Carousel = () => {
                   })}
                 >
                   <TourPopup
-                    id={unit.ext_id}
+                    id={unit.id}
                     isRec
                     img={unit.logo}
                     label={unit.name}
@@ -73,7 +73,7 @@ const Carousel = () => {
               label={unit.name}
               position={position}
               setPosition={setPosition}
-              key={unit.ext_id}
+              key={unit.id}
             />
           ))}
         </Flex>

diff --git a/src/components/Homepage/UnitShowcase/_Card.tsx b/src/components/Homepage/UnitShowcase/_Card.tsx
@@ -26,6 +26,7 @@ const Card = ({ img, label, onClick }: ICard) => (
     }}
     cursor="pointer"
     onClick={onClick}
+    p="2"
   >
     <Center h="70%">
       <Image
@@ -39,7 +40,7 @@ const Card = ({ img, label, onClick }: ICard) => (
       />
     </Center>
     <Flex h="30%" justifyContent="center" alignItems="center">
-      <Text fontFamily="Subheading" fontSize="4xl">
+      <Text fontFamily="Subheading" fontSize="3xl" textAlign="center">
         {label}
       </Text>
     </Flex>

diff --git a/src/components/Homepage/UnitShowcase/index.tsx b/src/components/Homepage/UnitShowcase/index.tsx
@@ -100,7 +100,7 @@ const UnitShowcase = () => {
                 {...getTransition('left', { delay: 0.5 * index, duration: 1 })}
               >
                 <TourPopup
-                  id={unit.ext_id}
+                  id={unit.id}
                   isShowcase
                   img={unit.logo}
                   label={unit.name}