Add PlateRead component and integrate it into the Dashboard; refactor VideoFeed and SightingStack for improved layout
This commit is contained in:
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user