- 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:
13
src/components/ui/TimeStampBadge.tsx
Normal file
13
src/components/ui/TimeStampBadge.tsx
Normal 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;
|
||||
Reference in New Issue
Block a user