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:
18
src/features/dashboard/components/videoFeed/VideoFeed.tsx
Normal file
18
src/features/dashboard/components/videoFeed/VideoFeed.tsx
Normal 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;
|
||||
Reference in New Issue
Block a user