- 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

@@ -0,0 +1,13 @@
import { timeAgo } from "../../utils/utils";
type TimeStampBadgeProps = {
timeStamp: number;
};
const TimeStampBadge = ({ timeStamp }: TimeStampBadgeProps) => {
const formattedTimeAgo = timeAgo(Number(timeStamp));
return <span className="font-light border bg-blue-400 text-blue-800 px-2 rounded">{formattedTimeAgo}</span>;
};
export default TimeStampBadge;