TobaOjo/Mav-Mobile-UI
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

started redesign on dashbaord. changed vite basename to /Mobile, currently folkstone address

Browse Source
This commit is contained in:
Toba Ojo
2025-09-26 11:42:12 +01:00
parent 80b407943f
commit aee898abd5
14 changed files with 99 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/pages/Dashboard.tsx
View File

@@ -1,34 +1,18 @@
import FrontCameraOverviewCard from "../components/FrontCameraOverview/FrontCameraOverviewCard";
import RearCameraOverviewCard from "../components/RearCameraOverview/RearCameraOverviewCard";
import SightingHistoryWidget from "../components/SightingsWidget/SightingWidget";
import { SightingFeedProvider } from "../context/providers/SightingFeedProvider";
import { CAM_BASE } from "../utils/config";
// import { OUTSIDE_CAM_BASE } from "../utils/config";
const Dashboard = () => {
const dev_REAR_URL = `${CAM_BASE}/SightingListRear/sightingSummary?mostRecentRef=`;
const dev_FRONT_URL = `${CAM_BASE}/SightingListFront/sightingSummary?mostRecentRef=`;
console.log(CAM_BASE);
// const dev_OUTSIDE_URL = `${OUTSIDE_CAM_BASE}/SightingListFront/sightingSummary?mostRecentRef=`;
const folkestone_OUTSIDE_URL = `http://100.116.253.81/mergedHistory/sightingSummary?mostRecentRef=`;
return (
<div className="mx-auto grid grid-cols-1 sm:grid-cols-1 lg:grid-cols-2 gap-2 px-1 sm:px-2 lg:px-0 w-full">
<SightingFeedProvider url={dev_FRONT_URL} side="Front">
<FrontCameraOverviewCard className="order-1" />
<SightingHistoryWidget
className="order-3"
title="Front Camera Sightings"
/>
</SightingFeedProvider>
<SightingFeedProvider url={dev_REAR_URL} side="Rear">
<RearCameraOverviewCard className="order-2" />
<SightingHistoryWidget
className="order-4"
title="Rear Camera Sightings"
/>
</SightingFeedProvider>
</div>
<SightingFeedProvider url={folkestone_OUTSIDE_URL} side="Front">
<div className="mx-auto flex flex-col lg:flex-row gap-2 px-1 sm:px-2 lg:px-0 w-full min-h-screen">
<FrontCameraOverviewCard />
<SightingHistoryWidget title="Sightings" />
</div>
</SightingFeedProvider>
);
};