Better twitch embed

RoBorregos · Nov 1, 2024 · 0d1b317 · 0d1b317
1 parent 345ade8
commit 0d1b317
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 77 deletions.
diff --git a/src/app/_components/TwitchEmbed.tsx b/src/app/_components/TwitchEmbed.tsx
diff --git a/src/app/scoreboard/page.tsx b/src/app/scoreboard/page.tsx
@@ -4,10 +4,19 @@ import React from "react";
 import Footer from "../_components/footer";
 import Header from "../_components/header";
 import Title from "../_components/title";
-import TwitchEmbed from "../_components/TwitchEmbed"; // Optional: Move TwitchEmbed to a separate file
 import { api } from "~/trpc/react";
 import { Round } from "../../lib/round";
 
+const TwitchEmbed = ({ channel }: { channel: string }) => (
+  <div className="aspect-video w-full">
+    <iframe
+      src={`https://player.twitch.tv/?channel=${channel}&parent=localhost`}
+      className="h-full w-full"
+      allowFullScreen
+    />
+  </div>
+);
+
 export default function ScoreboardPage() {
   const { data: scores, isLoading } = api.scoreboard.getScoreboard.useQuery();