Skip to content

Commit

Permalink
Add a show me where button
Browse files Browse the repository at this point in the history
Add button on 2nd carousel image of pick-up page
  • Loading branch information
ruthondrada committed Nov 25, 2023
1 parent 4e0fae5 commit ad9007e
Showing 1 changed file with 4 additions and 4 deletions.
8 changes: 4 additions & 4 deletions client/components/pickup/PickupCarousel.tsx
Original file line number Diff line number Diff line change
@@ -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";
Expand Down Expand Up @@ -90,9 +90,9 @@ const PickupCarousel = ({ minDist, numPickupServices }: { minDist: number, numPi
{numPickupServices}
</Text>
) : (
<Text fontSize={["13px", "13px", "20px"]} as={"b"}>
{(minDist * 1000).toFixed(0)}m
</Text>
<><Text fontSize={["13px", "13px", "20px"]} as={"b"}>
{(minDist * 1000).toFixed(0)}m
</Text><Button position={"absolute"} bg={"#9ad0d4"} bottom={"-50"} right={"29"} size={{base: "xs", md:"sm", xl:"md"}} fontWeight={"bold"}>Show me where!</Button></>
)}{" "}
</Box>
{/* Display slide number */}
Expand Down

0 comments on commit ad9007e

Please sign in to comment.