diff --git a/package.json b/package.json index cbb957b..fc3affc 100644 --- a/package.json +++ b/package.json @@ -18,11 +18,13 @@ "@tanstack/react-router": "^1.141.6", "clsx": "^2.1.1", "country-flag-icons": "^1.6.4", + "formik": "^2.4.9", "konva": "^10.0.12", "react": "^19.2.0", "react-dom": "^19.2.0", "react-konva": "^19.2.1", "react-modal": "^3.16.3", + "react-tabs": "^6.1.0", "tailwindcss": "^4.1.18" }, "devDependencies": { diff --git a/src/components/ui/TimeStampBadge.tsx b/src/components/ui/TimeStampBadge.tsx new file mode 100644 index 0000000..3bfbdab --- /dev/null +++ b/src/components/ui/TimeStampBadge.tsx @@ -0,0 +1,13 @@ +import { timeAgo } from "../../utils/utils"; + +type TimeStampBadgeProps = { + timeStamp: number; +}; + +const TimeStampBadge = ({ timeStamp }: TimeStampBadgeProps) => { + const formattedTimeAgo = timeAgo(Number(timeStamp)); + + return {formattedTimeAgo}; +}; + +export default TimeStampBadge; diff --git a/src/features/dashboard/Dashboard.tsx b/src/features/dashboard/Dashboard.tsx index f5b6e08..8a1de53 100644 --- a/src/features/dashboard/Dashboard.tsx +++ b/src/features/dashboard/Dashboard.tsx @@ -12,12 +12,15 @@ const Dashboard = () => { const mostRecent = sightingList[0]; return ( -
{sighting.vrm}
+