From f26af125b8706bcb36d701926eb28e072457e2e0 Mon Sep 17 00:00:00 2001
From: boragenel <boragenel@gmail.com>
Date: Mon, 20 Jan 2025 02:05:48 +0300
Subject: [PATCH] Temp visuals for Featured Streamers on sidebar
---
src/app/page.tsx | 2 ++
src/components/streams/index.tsx | 4 ++--
2 files changed, 4 insertions(+), 2 deletions(-)
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