activity-feed-05

1import {
2  ActivityFeedContent,
3  ActivityFeedItem,
4  ActivityFeedTimeline,
5} from '@/registry/components/dashboardblocks/activity-feed'
6import { Icons } from '@/registry/components/dashboardblocks/icon'
7import { ArrowRight, MessageSquare, Smile } from 'lucide-react'
8import { ReactNode } from 'react'
9 
10import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
11import { Badge } from '@/components/ui/badge'
12import { Button } from '@/components/ui/button'
13import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
14 
15type Platform = 'slack' | 'github'
16 
17interface SocialEvent {
18  id: number
19  author: string
20  description: string
21  channel: string
22  time: string
23  platform: Platform
24  avatar: string
25  extra?: ReactNode
26}
27 
28interface ActivityFeed05Props {
29  title: string
30  events: SocialEvent[]
31}
32 
33const exampleProps: ActivityFeed05Props = {
34  title: 'Social Activity',
35  events: [
36    {
37      id: 1,
38      author: 'Wanda Maximoff',
39      description: 'added comment in',
40      channel: 'Welcome',
41      time: '11:08 AM',
42      platform: 'slack',
43      avatar: '/images/women.jpg',
44    },
45    {
46      id: 2,
47      author: 'Tiffany Heyman',
48      description: 'created pull request #278 in',
49      channel: 'LGLabGreg/dashboardblocks',
50      time: '10:55 AM',
51      platform: 'github',
52      avatar: '/images/women.jpg',
53      extra: (
54        <Button variant='outline' size='sm'>
55          Start review
56        </Button>
57      ),
58    },
59    {
60      id: 3,
61      author: 'Neil Robertson',
62      description: 'added reaction 🔥 in',
63      channel: '#showcase',
64      time: '10:30 AM',
65      platform: 'slack',
66      avatar: '/images/man.jpg',
67    },
68    {
69      id: 4,
70      author: 'Amelia Earhart',
71      description: 'sent message to thread in channel',
72      channel: '#product-roadmap',
73      time: '9:15 AM',
74      platform: 'slack',
75      avatar: '/images/women.jpg',
76      extra: (
77        <Card className='py-4 rounded-md'>
78          <CardContent className='px-4 space-y-4'>
79            <div className='flex items-center gap-2'>
80              <Badge variant='outline'># marketing</Badge>
81              <Badge variant='outline'># design</Badge>
82            </div>
83            <p className='text-sm'>
84              Hello everyone, just shipped the new onboarding flow! Would love feedback on
85              the empty states before we roll out to everyone.
86            </p>
87// … truncated