From 7c3f1298095727fcacdc903fa79369d5624bf3df Mon Sep 17 00:00:00 2001 From: Pinapelz Date: Wed, 26 Jun 2024 22:01:38 -0700 Subject: lint project --- src/pages/stats/[slug].tsx | 293 ++++++++++++++++++++++++++++----------------- 1 file changed, 183 insertions(+), 110 deletions(-) (limited to 'src/pages/stats') diff --git a/src/pages/stats/[slug].tsx b/src/pages/stats/[slug].tsx index 224046f..5fc76cb 100644 --- a/src/pages/stats/[slug].tsx +++ b/src/pages/stats/[slug].tsx @@ -1,134 +1,207 @@ -import { GetServerSideProps } from "next"; +import type { GetServerSideProps } from "next"; import "../../app/globals.css"; -import TitleBar from "../../components/TitleBar/TitleBar"; -import { ChannelCard } from "@/components/channel-card"; +import CompactTable from "@/components/CompactTable/CompactTable"; import DataChart from "@/components/DataChart/DataChart"; -import Footer from "@/components/Footer/Footer"; -import Head from 'next/head' import Divider from "@/components/Divider/Divider"; +import Footer from "@/components/Footer/Footer"; +import { ChannelCard } from "@/components/channel-card"; +import Head from "next/head"; +import TitleBar from "../../components/TitleBar/TitleBar"; interface ChannelDataProp { - channel_id: string; - channel_name: string; - profile_pic: string; - subscribers: number; - sub_org: string; - video_count: number; - view_count: number; - next_milestone: string; - days_until_next_milestone: string; - next_milestone_date: string; + channel_id: string; + channel_name: string; + profile_pic: string; + subscribers: number; + sub_org: string; + video_count: number; + view_count: number; + next_milestone: string; + days_until_next_milestone: string; + next_milestone_date: string; +} + +interface GraphDataProp { + labels: string[]; + datasets: number[]; } -interface GraphDataProp{ - labels: string[]; - datasets: number[]; +interface CompactTableProps { + dates: string[]; + milestones: string[]; } export const getServerSideProps: GetServerSideProps = async (context) => { - const { slug } = context.params || {}; + const { slug } = context.params || {}; - const chartData = await getGraphData(slug as string); - const channelData = await getChannelData(slug as string); - const sevenDayGraphData = await get7DGraphData(slug as string); + const chartData = await getGraphData(slug as string); + const channelData = await getChannelData(slug as string); + const sevenDayGraphData = await get7DGraphData(slug as string); + const milestoneData = await getMilestoneData(slug as string); - return { - props: { - chartData, - channelData, - slug, - sevenDayGraphData - }, - }; + return { + props: { + chartData, + channelData, + slug, + sevenDayGraphData, + milestoneData, + }, + }; }; -function Page({ chartData, channelData, sevenDayGraphData, slug }: { chartData: GraphDataProp, channelData: ChannelDataProp, sevenDayGraphData: GraphDataProp, slug: string }) { - return ( - <> - - {slug as string} - PhaseTracker - - - - - - - - -
-
- -
-
- -
-
- -
-
- -
-
-