- 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,25 @@
import { Formik, Form } from "formik";
type CameraControlProps = {
tabIndex: number;
};
const CameraControls = ({ tabIndex }: CameraControlProps) => {
const initialValues = {};
console.log(tabIndex);
const handleSumbit = (values: { test?: string }) => {
console.log(values);
};
return (
<Formik initialValues={initialValues} onSubmit={handleSumbit}>
<Form>
<button type="submit" className="p-3 bg-green-700 hover:bg-green-900 rounded-md">
Save Settings
</button>
</Form>
</Formik>
);
};
export default CameraControls;