diff options
| -rw-r--r-- | src/components/ChannelCard/ChannelCard.tsx | 2 | ||||
| -rw-r--r-- | src/components/Divider/Divider.tsx | 2 | ||||
| -rw-r--r-- | 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 |