From 7c3f1298095727fcacdc903fa79369d5624bf3df Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Wed, 26 Jun 2024 22:01:38 -0700
Subject: lint project

---
 src/components/channel-card.tsx | 131 ++++++++++++++++++++++++----------------
 1 file changed, 78 insertions(+), 53 deletions(-)

(limited to 'src/components/channel-card.tsx')

diff --git a/src/components/channel-card.tsx b/src/components/channel-card.tsx
index b66a6e0..c19f492 100644
--- a/src/components/channel-card.tsx
+++ b/src/components/channel-card.tsx
@@ -1,59 +1,84 @@
-import { AvatarImage, AvatarFallback, Avatar } from "@/components/ui/avatar"
-import { CardTitle, CardHeader, CardContent, Card } from "@/components/ui/card"
-import { Badge } from "@/components/ui/badge"
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Badge } from "@/components/ui/badge";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 
 interface ChannelCardProps {
-  channel_id: string
-  name: string
-  avatarUrl: string
-  subscriberCount: number
-  videoCount: number
-  viewCount: number
-  suborg: string
-  nextMilestone: string
-  nextMilestoneDays: string
-  nextMilestoneDate: string
+	channel_id: string;
+	name: string;
+	avatarUrl: string;
+	subscriberCount: number;
+	videoCount: number;
+	viewCount: number;
+	suborg: string;
+	nextMilestone: string;
+	nextMilestoneDays: string;
+	nextMilestoneDate: string;
 }
 
 export function ChannelCard(props: ChannelCardProps) {
-  const { channel_id, name, avatarUrl, subscriberCount, videoCount, viewCount, suborg, nextMilestone, nextMilestoneDays, nextMilestoneDate } = props
-  return (
-    <Card className="w-[500px] shadow-lg rounded-lg overflow-hidden mt-4 py-4">
-      <CardHeader>
-        <div className="flex items-center space-x-4 p-4">
-          <Avatar>
-            <AvatarImage src={avatarUrl}/>
-            <AvatarFallback>PR</AvatarFallback>
-          </Avatar>
-          <div>
-           <a className="hover:underline" href={`https://youtube.com/channel/${channel_id}`}><CardTitle>{name}</CardTitle></a>
-            <Badge variant="secondary">{suborg}</Badge>
-          </div>
-        </div>
-      </CardHeader>
-      <CardContent className="px-4 py-2 space-y-4">
-        <div className="flex flex-col items-center">
-          <span className="text-l text-gray-600">Subscribers</span>
-            <span className="font-semibold">{Number(subscriberCount).toLocaleString()}</span>
-        </div>
-        <div className="flex flex-col items-center">
-          <span className="text-l text-gray-600">Videos</span>
-          <span className="font-semibold">{videoCount}</span>
-        </div>
-        <div className="flex flex-col items-center">
-          <span className="text-l text-gray-600">View Count</span>
-          <span className="font-semibold">{Number(viewCount).toLocaleString()}</span>
-        </div>
-        <div className="flex flex-col items-center">
-          <span className="text-l text-gray-600">Next Milestone</span>
-          <span className="font-semibold">{Number(nextMilestone).toLocaleString()}</span>
-          <div className="flex justify-center items-center">
-            <span className="text-sm text-gray-600 px-2">{nextMilestoneDays} days</span>
-            <span className="text-sm text-gray-600 px-2">{nextMilestoneDate}</span>
-          </div>
-
-        </div>
-      </CardContent>
-    </Card>
-  )
+	const {
+		channel_id,
+		name,
+		avatarUrl,
+		subscriberCount,
+		videoCount,
+		viewCount,
+		suborg,
+		nextMilestone,
+		nextMilestoneDays,
+		nextMilestoneDate,
+	} = props;
+	return (
+		<Card className="w-[500px] shadow-lg rounded-lg overflow-hidden mt-4 py-4">
+			<CardHeader>
+				<div className="flex items-center space-x-4 p-4">
+					<Avatar>
+						<AvatarImage src={avatarUrl} />
+						<AvatarFallback>PR</AvatarFallback>
+					</Avatar>
+					<div>
+						<a
+							className="hover:underline"
+							href={`https://youtube.com/channel/${channel_id}`}
+						>
+							<CardTitle>{name}</CardTitle>
+						</a>
+						<Badge variant="secondary">{suborg}</Badge>
+					</div>
+				</div>
+			</CardHeader>
+			<CardContent className="px-4 py-2 space-y-4">
+				<div className="flex flex-col items-center">
+					<span className="text-l text-gray-600">Subscribers</span>
+					<span className="font-semibold">
+						{Number(subscriberCount).toLocaleString()}
+					</span>
+				</div>
+				<div className="flex flex-col items-center">
+					<span className="text-l text-gray-600">Videos</span>
+					<span className="font-semibold">{videoCount}</span>
+				</div>
+				<div className="flex flex-col items-center">
+					<span className="text-l text-gray-600">View Count</span>
+					<span className="font-semibold">
+						{Number(viewCount).toLocaleString()}
+					</span>
+				</div>
+				<div className="flex flex-col items-center">
+					<span className="text-l text-gray-600">Next Milestone</span>
+					<span className="font-semibold">
+						{Number(nextMilestone).toLocaleString()}
+					</span>
+					<div className="flex justify-center items-center">
+						<span className="text-sm text-gray-600 px-2">
+							{nextMilestoneDays} days
+						</span>
+						<span className="text-sm text-gray-600 px-2">
+							{nextMilestoneDate}
+						</span>
+					</div>
+				</div>
+			</CardContent>
+		</Card>
+	);
 }
-- 
cgit v1.2.3