diff options
| -rw-r--r-- | src/app/layout.tsx | 2 | ||||
| -rw-r--r-- | src/pages/stats/[slug].tsx | 10 |
2 files changed, 11 insertions, 1 deletions
diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 93f4a21..70e7bad 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -7,7 +7,7 @@ const inter = Inter({ subsets: ['latin'] }) export const metadata: Metadata = { title: 'PhaseTracker - Phase Connect Subscriber Tracker', - description: 'Nijitracker, historical subscriber data for members of Phase Connect', + description: 'PhaseTracker, historical subscriber data for members of Phase Connect', } export default function RootLayout({ diff --git a/src/pages/stats/[slug].tsx b/src/pages/stats/[slug].tsx index 1b253ee..54c7e9b 100644 --- a/src/pages/stats/[slug].tsx +++ b/src/pages/stats/[slug].tsx @@ -4,6 +4,7 @@ import TitleBar from "../../components/TitleBar/TitleBar"; import { ChannelCard } from "@/components/channel-card"; import DataChart from "@/components/DataChart/DataChart"; import Footer from "@/components/Footer/Footer"; +import Head from 'next/head' interface ChannelDataProp { channel_name: string; @@ -41,6 +42,15 @@ export const getServerSideProps: GetServerSideProps = async (context) => { function Page({ chartData, channelData, sevenDayGraphData, slug }: { chartData: GraphDataProp, channelData: ChannelDataProp, sevenDayGraphData: GraphDataProp, slug: string }) { return ( <> + <Head> + <title>{slug as string} - PhaseTracker</title> + <meta property="og:title" content={`${slug as string} - PhaseTracker`}/> + <meta name="description" content={`${channelData.sub_org} - ${channelData.subscribers}`} /> + <meta name="og:description" content={`${channelData.sub_org} - ${channelData.subscribers}`} /> + <meta property="og:image" content={`${channelData.profile_pic}`}/> + <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta> + <meta name="author" content="Pinapelz"></meta> + </Head> <TitleBar title={slug as string} redirectUrl="/" showHomeButton backgroundColor="black" /> <div className="flex justify-center"> <div className="flex flex-col items-center"> |