Add PlateRead component and integrate it into the Dashboard; refactor VideoFeed and SightingStack for improved layout

This commit is contained in:
2025-12-22 14:09:30 +00:00
parent c2f55898fe
commit 6879e30b9c
6 changed files with 67 additions and 10 deletions

View File

@@ -20,8 +20,8 @@ const VideoFeed = ({ mostRecentSighting, isLoading }: VideoFeedProps) => {
useEffect(() => {
const updateSize = () => {
const width = window.innerWidth * 0.5;
const height = (width * 3) / 4;
const width = window.innerWidth * 0.48;
const height = (width * 2) / 3;
setSize({ width, height });
};
updateSize();
@@ -59,7 +59,7 @@ const VideoFeed = ({ mostRecentSighting, isLoading }: VideoFeedProps) => {
height={plateRect?.[3] * size.height}
stroke="blue"
strokeWidth={4}
zIndex={1}
cornerRadius={5}
/>
</Layer>
)}
@@ -75,7 +75,7 @@ const VideoFeed = ({ mostRecentSighting, isLoading }: VideoFeedProps) => {
height={rect[3] * size.height}
stroke="red"
strokeWidth={2}
zIndex={1}
cornerRadius={5}
/>
))}
</Layer>