diff options
| author | Pinapelz <yukais@pinapelz.com> | 2023-11-27 02:07:30 -0800 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2023-11-27 02:07:30 -0800 |
| commit | 5736050b0c9878825a51b5b69f75811de62e1309 (patch) | |
| tree | 6e35c44e1618dc1878c8470b94ceb4ad4c795cc4 /src/components | |
| parent | c3bedc484493bcc3b071b29b515666692451f735 (diff) | |
make channel-card name link to channel
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/channel-card.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/src/components/channel-card.tsx b/src/components/channel-card.tsx index 599c48a..839cde6 100644 --- a/src/components/channel-card.tsx +++ b/src/components/channel-card.tsx @@ -3,6 +3,7 @@ import { CardTitle, CardHeader, CardContent, Card } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" interface ChannelCardProps { + channel_id: string name: string avatarUrl: string subscriberCount: number @@ -14,7 +15,7 @@ interface ChannelCardProps { } export function ChannelCard(props: ChannelCardProps) { - const { name, avatarUrl, subscriberCount, videoCount, suborg, nextMilestone, nextMilestoneDays, nextMilestoneDate } = props + const { channel_id, name, avatarUrl, subscriberCount, videoCount, suborg, nextMilestone, nextMilestoneDays, nextMilestoneDate } = props return ( <Card className="w-[500px] shadow-lg rounded-lg overflow-hidden mt-4 py-4"> <CardHeader> @@ -24,7 +25,7 @@ export function ChannelCard(props: ChannelCardProps) { <AvatarFallback>PR</AvatarFallback> </Avatar> <div> - <CardTitle>{name}</CardTitle> + <a className="hover:underline" href={`https://youtube.com/channel/${channel_id}`}><CardTitle>{name}</CardTitle></a> <Badge variant="secondary">{suborg}</Badge> </div> </div> |