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

code fixes and adding modal

Browse Source
This commit is contained in:
Toba Ojo
2025-09-12 08:21:52 +01:00
parent fae17b88a4
commit d03f73f751
24 changed files with 524 additions and 303 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/pages/Dashboard.tsx
View File

@@ -1,24 +1,31 @@
import FrontCameraOverviewCard from "../components/FrontCameraOverview/FrontCameraOverviewCard";
import RearCameraOverviewCard from "../components/RearCameraOverview/RearCameraOverviewCard";
import SightingHistoryWidget from "../components/SightingsWidget/SightingWidget";
import ModalComponent from "../components/UI/ModalComponent";
import { SightingFeedProvider } from "../context/providers/SightingFeedProvider";
const Dashboard = () => {
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">
<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={
"http://192.168.75.11/SightingListFront/sightingSummary?mostRecentRef="
"http://100.116.253.81/mergedHistory/sightingSummary?mostRecentRef="
// "http://192.168.75.11/SightingListFront/sightingSummary?mostRecentRef="
}
side="Front"
>
<FrontCameraOverviewCard className="order-1" />
<SightingHistoryWidget className="order-3" />
<SightingHistoryWidget className="order-5" />
<ModalComponent>
<div className="text-black">Hello</div>
</ModalComponent>
</SightingFeedProvider>
<SightingFeedProvider
url="http://192.168.75.11/SightingListRear/sightingSummary?mostRecentRef="
url={
"http://100.116.253.81/mergedHistory/sightingSummary?mostRecentRef="
// "http://192.168.75.11/SightingListRear/sightingSummary?mostRecentRef="
}
side="Rear"
>
<RearCameraOverviewCard className="order-2" />

2
src/pages/FrontCamera.tsx
View File

@@ -21,7 +21,7 @@ const FrontCamera = () => {
side="CameraFront"
settingsPage={true}
/>
<CameraSettings title="Front Camera Settings" />
<CameraSettings title="Front Camera Settings" side="CameraFront" />
<Toaster />
</div>
);

2
src/pages/RearCamera.tsx
View File

@@ -16,7 +16,7 @@ const RearCamera = () => {
className="mx-auto grid grid-cols-1 sm:grid-cols-1 lg:grid-cols-2 gap-4 px-2 sm:px-4 lg:px-0 w-full order-first"
{...handlers}
>
<CameraSettings title="Rear Camera Settings" />
<CameraSettings title="Rear Camera Settings" side={"CameraRear"} />
<OverviewVideoContainer
title={"Rear Camera"}
side={"CameraRear"}