Add PlateRead component and integrate it into the Dashboard; refactor VideoFeed and SightingStack for improved layout

This commit is contained in:
2025-12-22 14:09:30 +00:00
parent c2f55898fe
commit 6879e30b9c
6 changed files with 67 additions and 10 deletions

View File

@@ -1,3 +1,4 @@
import PlateRead from "./components/plateRead/PlateRead";
import SightingStack from "./components/sightingStack/SightingStack";
import VideoFeed from "./components/videoFeed/VideoFeed";
import { useSightingList } from "./hooks/useSightingList";
@@ -7,8 +8,11 @@ const Dashboard = () => {
const mostRecent = sightingList[0];
return (
<div className="grid gird-cols-1 md:grid-cols-2 gap-20">
<VideoFeed mostRecentSighting={mostRecent} isLoading={isLoading} />
<div className="grid gird-cols-1 md:grid-cols-2 gap-2 md:gap-5">
<div>
<VideoFeed mostRecentSighting={mostRecent} isLoading={isLoading} />
<PlateRead sighting={mostRecent} />
</div>
<SightingStack sightings={sightingList} />
</div>
);