diff options
| author | Pinapelz <yukais@pinapelz.com> | 2023-11-22 21:58:45 -0800 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2023-11-22 21:58:45 -0800 |
| commit | 77a0b69d9a0dd755a0a59a4c1dc3f3d045327e89 (patch) | |
| tree | 423c31591b868e0ccd4577c9b259f4895918f164 /src/app/_componenets | |
| parent | 02e1e6ad3a4ca2a52e1045b5ed62858e55d8159b (diff) | |
feat: re-implement individual statistic pages on next
Diffstat (limited to 'src/app/_componenets')
| -rw-r--r-- | src/app/_componenets/Footer/Footer.tsx | 27 | ||||
| -rw-r--r-- | src/app/_componenets/SubscriberTable/SubscriberTable.tsx | 67 | ||||
| -rw-r--r-- | src/app/_componenets/SubscriberTable/SubscriberTableRow.tsx | 35 | ||||
| -rw-r--r-- | src/app/_componenets/TitleBar/TitleBar.tsx | 18 |
4 files changed, 0 insertions, 147 deletions
diff --git a/src/app/_componenets/Footer/Footer.tsx b/src/app/_componenets/Footer/Footer.tsx deleted file mode 100644 index f23c677..0000000 --- a/src/app/_componenets/Footer/Footer.tsx +++ /dev/null @@ -1,27 +0,0 @@ - -import React from 'react'; - -const Footer = () => { - return ( - <footer> - <div className="text-center"> - <p className="text-bold"> - Information - </p> - <p className="text-m"> - Information is collected once per hour. Data collection will stop once a liver has graduated. - <br/> - This page is in now way affiliated with ANYCOLOR or with any of the channels listed here. - <br/> - Date Started: 2023-03-26 - </p> - <p className="p-4"> - <a className="hover:underline text-bold" href="https://github.com/pinapelz/Nijitrack">Source Code</a><br/> - We are currently under construction! - </p> - </div> - </footer> - ); -}; - -export default Footer; diff --git a/src/app/_componenets/SubscriberTable/SubscriberTable.tsx b/src/app/_componenets/SubscriberTable/SubscriberTable.tsx deleted file mode 100644 index a538bdd..0000000 --- a/src/app/_componenets/SubscriberTable/SubscriberTable.tsx +++ /dev/null @@ -1,67 +0,0 @@ -import React from "react"; -import Image from "next/image"; -import ChannelRow from "./SubscriberTableRow"; - -interface ChannelDataProp { - channel_name: string; - profile_pic: string; - subscribers: number; - sub_org: string; - video_count: number; - day_diff: number; -} - -interface SubscriberDataTableProp { - channel_data: ChannelDataProp[]; - timestamp: string; -} - -const DataTable = ({ channel_data, timestamp }: SubscriberDataTableProp) => { - 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 shadow-md 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" style={{ backgroundColor: '#2D4B71' }}> - <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"> - 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; -export type { SubscriberDataTableProp }; -export type { ChannelDataProp }; diff --git a/src/app/_componenets/SubscriberTable/SubscriberTableRow.tsx b/src/app/_componenets/SubscriberTable/SubscriberTableRow.tsx deleted file mode 100644 index 619a5b8..0000000 --- a/src/app/_componenets/SubscriberTable/SubscriberTableRow.tsx +++ /dev/null @@ -1,35 +0,0 @@ -"use client" -import React from 'react'; -import Image from 'next/image'; -import { ChannelDataProp } from './SubscriberTable'; - -interface ChannelRowProps { - channel: ChannelDataProp; - index: number; -} - -const ChannelRow: React.FC<ChannelRowProps> = ({ channel, index }) => ( -<tr key={index} className="border-b hover:bg-gray-100 cursor-pointer"> - <td className="py-3 px-1 sm:px-3 hidden sm:table-cell">{index + 1}</td> - <td className="py-3 px-1 sm:px-3 flex items-center"> - <Image - src={channel.profile_pic} - alt={channel.channel_name} - width={50} - height={50} - className="rounded-full" - /> - <span className="ml-2"> - {channel.channel_name} - </span> - </td> - <td className="py-3 px-1 sm:px-3 hidden sm:table-cell">{channel.sub_org}</td> - <td className="py-3 px-1 sm:px-3 hidden sm:table-cell">{channel.video_count}</td> - <td className="py-3 px-1 sm:px-3">{Number(channel.subscribers).toLocaleString()}</td> - <td className="py-3 px-1 sm:px-3"> - {channel.day_diff > 0 ? `+${Number(channel.day_diff).toLocaleString()}` : Number(channel.day_diff).toLocaleString()} - </td> - </tr> -); - -export default ChannelRow;
\ No newline at end of file diff --git a/src/app/_componenets/TitleBar/TitleBar.tsx b/src/app/_componenets/TitleBar/TitleBar.tsx deleted file mode 100644 index 27bebfc..0000000 --- a/src/app/_componenets/TitleBar/TitleBar.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import React from 'react'; -import Image from 'next/image'; - -interface TitleBarProps { - title: string; -} - -const TitleBar: React.FC<TitleBarProps> = ({ title }) => { - return ( - <div className="title-bar p-5 shadow-md" style={{ backgroundColor: '#2D4B71' }}> - <div style={{ width: 'fit-content', whiteSpace: 'nowrap', overflow: 'hidden' }}> - <span className="text-white text-4xl font-bold">{title}</span> - </div> - </div> - ); -}; - -export default TitleBar;
\ No newline at end of file |
