36 lines
749 B
TypeScript
36 lines
749 B
TypeScript
import React from 'react';
|
|
import { Panel } from '@/ui/Panel';
|
|
import { Stack } from '@/ui/Stack';
|
|
import { ActivityFeed } from '../feed/ActivityFeed';
|
|
|
|
interface FeedItem {
|
|
id: string;
|
|
type: string;
|
|
headline: string;
|
|
body?: string;
|
|
timestamp: string;
|
|
formattedTime: string;
|
|
ctaHref?: string;
|
|
ctaLabel?: string;
|
|
}
|
|
|
|
interface ActivityFeedPanelProps {
|
|
items: FeedItem[];
|
|
hasItems: boolean;
|
|
}
|
|
|
|
/**
|
|
* ActivityFeedPanel
|
|
*
|
|
* A semantic wrapper for the activity feed.
|
|
*/
|
|
export function ActivityFeedPanel({ items, hasItems }: ActivityFeedPanelProps) {
|
|
return (
|
|
<Panel title="Activity Feed" padding={0}>
|
|
<Stack px={6} pb={6}>
|
|
<ActivityFeed items={items} hasItems={hasItems} />
|
|
</Stack>
|
|
</Panel>
|
|
);
|
|
}
|