Toba Ojo
3b7487da09
- Implemented ModalComponent for reusable modal functionality. - Created SightingItemModal to manage modal state and display sighting details. - Developed SightingModalContent to render sighting information including video feed and metadata.
19 lines
574 B
TypeScript
19 lines
574 B
TypeScript
import ModalComponent from "../../../../../components/ui/ModalComponent";
|
|
import type { SightingType } from "../../../../../utils/types";
|
|
import SightingModalContent from "./SightingModalContent";
|
|
|
|
type SightingItemModalProps = {
|
|
isOpen: boolean;
|
|
close: () => void;
|
|
sighting: SightingType | null;
|
|
};
|
|
const SightingItemModal = ({ isOpen, close, sighting }: SightingItemModalProps) => {
|
|
return (
|
|
<ModalComponent isModalOpen={isOpen} close={close}>
|
|
<SightingModalContent sighting={sighting} />
|
|
</ModalComponent>
|
|
);
|
|
};
|
|
|
|
export default SightingItemModal;
|