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/SubscriberTable/SubscriberTable.tsx | 123 ++++++++++++---------
 1 file changed, 69 insertions(+), 54 deletions(-)

(limited to 'src/components/SubscriberTable/SubscriberTable.tsx')

diff --git a/src/components/SubscriberTable/SubscriberTable.tsx b/src/components/SubscriberTable/SubscriberTable.tsx
index b07c75d..05080ca 100644
--- a/src/components/SubscriberTable/SubscriberTable.tsx
+++ b/src/components/SubscriberTable/SubscriberTable.tsx
@@ -2,67 +2,82 @@ import React from "react";
 import ChannelRow from "./SubscriberTableRow";
 
 interface ChannelDataProp {
-  channel_name: string;
-  profile_pic: string;
-  subscribers: number;
-  sub_org: string;
-  video_count: number;
-  day_diff: number;
-  views: number;
+	channel_name: string;
+	profile_pic: string;
+	subscribers: number;
+	sub_org: string;
+	video_count: number;
+	day_diff: number;
+	views: number;
 }
 
 interface SubscriberDataTableProp {
-  channel_data: ChannelDataProp[];
-  timestamp: string;
+	channel_data: ChannelDataProp[];
+	timestamp: string;
 }
 
 const DataTable = ({ channel_data, timestamp }: SubscriberDataTableProp) => {
-  if (!channel_data) {
-    return null; 
-  }
+	if (!channel_data) {
+		return null;
+	}
 
-return (
-    <>
-        <div className="text-center sm:mt-5">
-            <h1 className="text-2xl font-bold text-gray-800">Subscriber Count</h1>
-            <p className="text-gray-500 text-sm">Last Updated: {timestamp}</p>
-        </div>
-        <div className="px-2 sm:px-48 py-4 sm:py-8 relative rounded-l text-left overflow-auto">
-            <table className="w-full text-m sm:text-xl text-black bg-white">
-                <thead className="text-m sm:text-lg text-white rounded-md" style={{ backgroundColor: 'black' }}>
-                    <tr>
-                        <th scope="col" className="py-1 px-1 sm:px-3 hidden sm:table-cell">
-                            RANK
-                        </th>
-                        <th scope="col" className="py-1 px-1 sm:px-3">
-                            CHANNEL
-                        </th>
-                        <th scope="col" className="py-1 px-1 sm:px-3 hidden sm:table-cell">
-                            GROUP
-                        </th>
-                        <th scope="col" className="py-1 px-1 sm:px-3 hidden sm:table-cell">
-                            VIDEO COUNT
-                        </th>
-                        <th scope="col" className="py-1 px-1 sm:px-3 hidden sm:table-cell">
-                            VIEW COUNT
-                        </th>
-                        <th scope="col" className="py-1 px-1 sm:px-3">
-                            SUBSCRIBERS
-                        </th>
-                        <th scope="col" className="py-1 px-1 sm:px-3">
-                            DIFF (24H)
-                        </th>
-                    </tr>
-                </thead>
-                <tbody>
-                    {channel_data.map((channel, index) => (
-                        <ChannelRow key={index} channel={channel} index={index} />
-                    ))}
-                </tbody>
-            </table>
-        </div>
-    </>
-);
+	return (
+		<>
+			<div className="text-center sm:mt-5">
+				<h1 className="text-2xl font-bold text-gray-800">Subscriber Count</h1>
+				<p className="text-gray-500 text-sm">Last Updated: {timestamp}</p>
+			</div>
+			<div className="px-2 sm:px-48 py-4 sm:py-8 relative rounded-l text-left overflow-auto">
+				<table className="w-full text-m sm:text-xl text-black bg-white">
+					<thead
+						className="text-m sm:text-lg text-white rounded-md"
+						style={{ backgroundColor: "black" }}
+					>
+						<tr>
+							<th
+								scope="col"
+								className="py-1 px-1 sm:px-3 hidden sm:table-cell"
+							>
+								RANK
+							</th>
+							<th scope="col" className="py-1 px-1 sm:px-3">
+								CHANNEL
+							</th>
+							<th
+								scope="col"
+								className="py-1 px-1 sm:px-3 hidden sm:table-cell"
+							>
+								GROUP
+							</th>
+							<th
+								scope="col"
+								className="py-1 px-1 sm:px-3 hidden sm:table-cell"
+							>
+								VIDEO COUNT
+							</th>
+							<th
+								scope="col"
+								className="py-1 px-1 sm:px-3 hidden sm:table-cell"
+							>
+								VIEW COUNT
+							</th>
+							<th scope="col" className="py-1 px-1 sm:px-3">
+								SUBSCRIBERS
+							</th>
+							<th scope="col" className="py-1 px-1 sm:px-3">
+								DIFF (24H)
+							</th>
+						</tr>
+					</thead>
+					<tbody>
+						{channel_data.map((channel, index) => (
+							<ChannelRow key={index} channel={channel} index={index} />
+						))}
+					</tbody>
+				</table>
+			</div>
+		</>
+	);
 };
 
 export default DataTable;
-- 
cgit v1.2.3