frontend/src/components/FeedList.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

import { useAtomValue } from "jotai";
import { feedsAtom } from "../atoms";
import { FeedItem } from "./FeedItem";

export function FeedList() {
	const { data: feeds } = useAtomValue(feedsAtom);

	if (feeds.length === 0) {
		return (
			<div className="py-8 text-center">
				<p className="text-sm text-stone-400">No feeds added yet.</p>
			</div>
		);
	}

	return (
		<div className="space-y-3">
			{feeds.map((feed) => (
				<FeedItem key={feed.id} feed={feed} />
			))}
		</div>
	);
}