diff --git a/src/app/page.tsx b/src/app/page.tsx index 6873197..417b3df 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,5 +1,6 @@ import Posts from "@/components/posts"; import Timers from "@/components/timers"; +import Streams from "@/components/streams"; import JamHeader from "@/components/jam-header"; export default async function Home() { @@ -11,6 +12,7 @@ export default async function Home() { </div> <div> <Timers /> + <Streams /> </div> </div> ); diff --git a/src/components/streams/index.tsx b/src/components/streams/index.tsx index ec4c6a5..fc5c09e 100644 --- a/src/components/streams/index.tsx +++ b/src/components/streams/index.tsx @@ -70,10 +70,10 @@ export default function Streams() { alt={`${currentStreamer.userName}'s thumbnail`} style={{ width: "100%", borderRadius: "4px", marginBottom: "10px" }} /> - <div style={{height:"100px",display:"flex", flexDirection:"column",justifyContent:"center"}}> + <a href={`https://twitch.tv/${currentStreamer.userName}`} target="_blank" ><div style={{height:"100px",display:"flex", flexDirection:"column",justifyContent:"center"}}> <h3>{currentStreamer.userName}</h3> <p>{currentStreamer.streamTitle}</p> - </div> + </div></a> <div> {currentStreamer.streamTags.map((tag, index) => ( <span