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

updated image loading

Browse Source
This commit is contained in:
Toba Ojo
2025-08-22 10:38:28 +01:00
parent 44af1b21b7
commit 5ededd8e05
15 changed files with 258 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/pages/Dashboard.tsx
View File

@@ -1,29 +1,26 @@
import FrontCameraOverviewCard from "../components/FrontCameraOverview/FrontCameraOverviewCard";
import RearCameraOverviewCard from "../components/RearCameraOverview/RearCameraOverviewCard";
import { useNavigate } from "react-router";
import { useSwipeable } from "react-swipeable";
import SightingHistoryWidget from "../components/SightingsWidget/SightingWidget";
import { SightingFeedProvider } from "../context/SightingFeedContext";
const Dashboard = () => {
const navigate = useNavigate();
const handlers = useSwipeable({
onSwipedDown: () => navigate("/system-settings"),
trackMouse: true,
});
return (
<div
className="mx-auto grid grid-cols-1 sm:grid-cols-1 lg:grid-cols-2 gap-2 px-2 sm:px-4 lg:px-0 w-full"
{...handlers}
>
<SightingFeedProvider baseUrl={"http://100.82.205.44/SightingListFront"}>
<div className="mx-auto grid grid-cols-1 sm:grid-cols-1 lg:grid-cols-2 gap-2 px-2 sm:px-4 lg:px-0 w-full">
<SightingFeedProvider
url={
"http://100.116.253.81/mergedHistory/sightingSummary?mostRecentRef="
}
side="Front"
>
<FrontCameraOverviewCard className="order-1" />
<SightingHistoryWidget className="order-3" />
</SightingFeedProvider>
<SightingFeedProvider baseUrl="http://100.82.205.44/SightingListRear">
<SightingFeedProvider
url="http://100.82.205.44/SightingListRear/sightingSummary?mostRecentRef="
side="Rear"
>
<RearCameraOverviewCard className="order-2" />
<SightingHistoryWidget className="order-4" />
</SightingFeedProvider>