34 lines
668 B
TypeScript
34 lines
668 B
TypeScript
import { FeedItemCard } from '@/components/feed/FeedItemCard';
|
|
import { FeedEmptyState } from '@/ui/FeedEmptyState';
|
|
import { Stack } from '@/ui/Stack';
|
|
import React from 'react';
|
|
|
|
interface FeedItemData {
|
|
id: string;
|
|
type: string;
|
|
headline: string;
|
|
body?: string;
|
|
timestamp: string;
|
|
formattedTime: string;
|
|
ctaHref?: string;
|
|
ctaLabel?: string;
|
|
}
|
|
|
|
interface FeedListProps {
|
|
items: FeedItemData[];
|
|
}
|
|
|
|
export function FeedList({ items }: FeedListProps) {
|
|
if (!items.length) {
|
|
return <FeedEmptyState />;
|
|
}
|
|
|
|
return (
|
|
<Stack gap={4}>
|
|
{items.map(item => (
|
|
<FeedItemCard key={item.id} item={item} />
|
|
))}
|
|
</Stack>
|
|
);
|
|
}
|