- Added TimeStampBadge component and integrate camera and plate patch setup features

- Implemented TimeStampBadge component to display time ago from a timestamp.
- Created CameraControls component with Formik for form handling.
- Developed CameraSetup component with tab navigation for camera settings.
- Added PlateItem component to display individual sighting details.
- Enhanced PlatePatchSetup component to list sightings with timestamp and plate information.
This commit is contained in:
2026-01-05 11:00:35 +00:00
parent 1403a85ce2
commit a33fd976eb
12 changed files with 609 additions and 48 deletions

View File

@@ -12,12 +12,15 @@ const Dashboard = () => {
const mostRecent = sightingList[0];
return (
<div className="grid grid-cols-1 md:grid-cols-2 gap-2 md:gap-5">
<div>
<VideoFeed mostRecentSighting={mostRecent} isLoading={isLoading} size={size} />
<PlateRead sighting={mostRecent} />
<div>
<div>system overview</div>
<div className="grid grid-cols-1 md:grid-cols-2 gap-2 md:gap-5">
<div>
<VideoFeed mostRecentSighting={mostRecent} isLoading={isLoading} size={size} />
<PlateRead sighting={mostRecent} />
</div>
<SightingStack sightings={sightingList} />
</div>
<SightingStack sightings={sightingList} />
</div>
);
};