Add video feed feature with related components and hooks

- Implemented VideoFeed component to display sightings.
- Created useSightingList and useVideoFeed hooks for data fetching and state management.
- Added AppProviders for context management.
- Updated Dashboard to include VideoFeed.
- Introduced types for sightings in utils/types.tsx.
- Added Header and Footer components for layout.
- Configured React Query for data handling.
This commit is contained in:
2025-12-19 16:04:06 +00:00
parent c38e3439e2
commit 276dcd26ed
18 changed files with 194 additions and 5 deletions

View File

@@ -0,0 +1,18 @@
import { useSightingList } from "../../hooks/useSightingList";
const VideoFeed = () => {
const { sightingList } = useSightingList();
console.log(sightingList);
return (
<div>
{sightingList.map((sighting) => (
<div key={sighting.ref} className="border p-2 mb-2">
<div>Ref: {sighting.ref}</div>
<div>vrm: {sighting.vrm}</div>
</div>
))}
</div>
);
};
export default VideoFeed;