32 lines
1.1 KiB
TypeScript
32 lines
1.1 KiB
TypeScript
import PlateRead from "./components/plateRead/PlateRead";
|
|
import SightingStack from "./components/sightingStack/SightingStack";
|
|
import VideoFeed from "./components/videoFeed/VideoFeed";
|
|
import { useSightingList } from "./hooks/useSightingList";
|
|
import { useCameraSettingsContext } from "../../app/context/CameraSettingsContext";
|
|
import SystemOverview from "./SystemOverview/SystemOverview";
|
|
|
|
const Dashboard = () => {
|
|
const { sightingList, isLoading } = useSightingList();
|
|
const { state: cameraSettings } = useCameraSettingsContext();
|
|
const size = cameraSettings.imageSize;
|
|
|
|
const mostRecent = sightingList[0];
|
|
|
|
return (
|
|
<div>
|
|
<SystemOverview />
|
|
<div className="grid grid-cols-1 md:grid-cols-12 gap-2 md:gap-5 mt-4">
|
|
<div className="col-span-7">
|
|
<VideoFeed mostRecentSighting={mostRecent} isLoading={isLoading} size={size} />
|
|
<PlateRead sighting={mostRecent} />
|
|
</div>
|
|
<div className="col-span-5">
|
|
<SightingStack sightings={sightingList} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Dashboard;
|