TobaOjo/Aiq-Lite-UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add CameraSettings context and provider; integrate into AppProviders and VideoFeed

Browse Source
This commit is contained in:
Toba Ojo
2025-12-22 16:10:34 +00:00
parent 6879e30b9c
commit 70083d9c60
10 changed files with 118 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/features/dashboard/components/sightingStack/SightingItem.tsx
View File

@@ -10,10 +10,10 @@ const SightingItem = ({ sighting }: SightingItemProps) => {
return (
<div className="flex flex-row items-center border p-2 mb-2 rounded-lg border-gray-500 justify-between hover:bg-[#233241] hover:cursor-pointer">
<div>
<div>Ref: {sighting.ref}</div>
<div>vrm: {sighting.vrm}</div>
<div className="text-xl">
VRM: <span className="font-semibold">{sighting.vrm}</span>
</div>
</div>
<NumberPlate vrm={sighting.vrm} motion={motion} size="md" />
</div>
);

12
src/features/dashboard/components/sightingStack/SightingStack.tsx
View File

@@ -8,11 +8,13 @@ type SightingStackProps = {
};
const SightingStack = ({ sightings }: SightingStackProps) => {
return (
<Card className="p-4 w-full h-full md:h-[65%]">
<CardHeader title="Sightings" />
{sightings.map((sighting) => (
<SightingItem key={sighting.ref} sighting={sighting} />
))}
<Card className="p-4 w-full h-full ">
<CardHeader title="Live Sightings" />
<div className="md:h-[65%]">
{sightings.map((sighting) => (
<SightingItem key={sighting.ref} sighting={sighting} />
))}
</div>
</Card>
);
};