20 lines
731 B
TypeScript
20 lines
731 B
TypeScript
import CameraStatus from "./CameraStatus";
|
|
import SystemOverview from "./SystemOverview";
|
|
import SystemStatusCard from "./SystemStatusCard";
|
|
|
|
const DashboardGrid = () => {
|
|
return (
|
|
<div className="grid grid-cols-1 md:grid-rows-2 md:grid-cols-2">
|
|
<SystemStatusCard />
|
|
<SystemOverview />
|
|
<div className="grid grid-cols-1 md:col-span-2 md:grid-cols-3">
|
|
<CameraStatus title="Camera 1" status={"bg-red-500"} description={"Camera not responding"} />
|
|
<CameraStatus title="Camera 2" status={"bg-gray-500"} description={"Camera Offline"} />
|
|
<CameraStatus title="Camera 3" status={"bg-gray-500"} description={"Camera Offline"} />
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default DashboardGrid;
|