From 73b27fe585ac4fe7dd05f83e8309712c47dd0dfb Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Sat, 5 Oct 2024 16:01:41 -0700
Subject: fix: make channel button clickable

---
 src/components/ChannelCard/ChannelCard.tsx | 2 +-
 src/components/Divider/Divider.tsx         | 2 +-
 src/pages/stats/[slug].tsx                 | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ChannelCard/ChannelCard.tsx b/src/components/ChannelCard/ChannelCard.tsx
index 83471f2..8f4fa07 100644
--- a/src/components/ChannelCard/ChannelCard.tsx
+++ b/src/components/ChannelCard/ChannelCard.tsx
@@ -82,7 +82,7 @@ const ChannelCard: React.FC<ChannelCardProps> = ({
         </p>
       </div>
       <button
-        onClick={() => console.log(`Navigate to channel ${channel_id}`)}
+        onClick={() => window.open(`https://youtube.com/channel/${channel_id}`, '_blank')}
         className="w-full bg-red-600 hover:bg-red-700 text-white font-bold py-3 px-6 rounded-lg transition-all duration-200"
       >
         View Channel on YouTube
diff --git a/src/components/Divider/Divider.tsx b/src/components/Divider/Divider.tsx
index a19f4a9..54a3fa3 100644
--- a/src/components/Divider/Divider.tsx
+++ b/src/components/Divider/Divider.tsx
@@ -5,7 +5,7 @@ interface DividerProps {
 
 const Divider = (props: DividerProps) => {
   return (
-    <div className="flex flex-col items-center justify-center bg-black h-24 mx-24 rounded-xl px-72">
+    <div className="flex flex-col items-center justify-center bg-black h-28 mx-24 rounded-xl px-72">
       <div className="px-2 mt-2 text-white text-4xl font-extrabold">
         {props.text}
       </div>
diff --git a/src/pages/stats/[slug].tsx b/src/pages/stats/[slug].tsx
index c2427c0..8288dbf 100644
--- a/src/pages/stats/[slug].tsx
+++ b/src/pages/stats/[slug].tsx
@@ -108,7 +108,7 @@ function Page({
 				/>
 			</div>
 			<div className="hidden sm:block">
-				<Divider text="Individual Data" description="All verified collected datapoints by PhaseTracker. Numbers before data collection started not shown" />
+				<Divider text="Individual Data" description="Data before collection start date are not shown" />
 				<div className="px-48 mb-10 mt-10">
 					<div className="mb-12">
 						<DataChart
-- 
cgit v1.2.3