PhotoCarousel

Overview

src/components/PhotoCarousel holds all components associated with the photo carousel for showing landlord property photos. The data used to populate the photo carousel for a landlord is retrieved from the Firebase database.

Component Hierarchy

PhotoCarousel
              |
               --- PhotoCarousel

PhotoCarousel

• Takes a string array of photo locations, a boolean for whether the carousel is open, and a function to call after the carousel is closed as props.
• Renders a carousel that displays the provided photos one at a time, and switches the displayed photo when the user interacts with the previous and next buttons on the carousel. The carousel is used on the landlord page to display multiple photos of an apartment.

interface Props {
  photos: readonly string[];
  open: boolean;
  onClose?: () => void;
}