diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/ChannelCard/ChannelCard.tsx | 2 | ||||
| -rw-r--r-- | src/components/Divider/Divider.tsx | 2 |
2 files changed, 2 insertions, 2 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> |