diff --git a/client/components/pickup/PickupCarousel.tsx b/client/components/pickup/PickupCarousel.tsx index ee08284..b7964cd 100644 --- a/client/components/pickup/PickupCarousel.tsx +++ b/client/components/pickup/PickupCarousel.tsx @@ -1,4 +1,4 @@ -import { Box, Text } from "@chakra-ui/react"; +import { Box, Button, Text } from "@chakra-ui/react"; import { useBreakpointValue, useMediaQuery } from "@chakra-ui/react"; import { Carousel } from "react-responsive-carousel"; import "react-responsive-carousel/lib/styles/carousel.min.css"; @@ -90,9 +90,9 @@ const PickupCarousel = ({ minDist, numPickupServices }: { minDist: number, numPi {numPickupServices} ) : ( - - {(minDist * 1000).toFixed(0)}m - + <> + {(minDist * 1000).toFixed(0)}m + )}{" "} {/* Display slide number */}