From 4e855021bf1c91dac49461d21c659b309e89cb84 Mon Sep 17 00:00:00 2001
From: Cooper Ransom <cooperransom08@outlook.com>
Date: Mon, 8 Apr 2024 14:23:53 -0400
Subject: [PATCH] add shows header

---
 src/components/player/atoms/NextEpisodeButton.tsx | 2 +-
 src/pages/Discover.tsx                            | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/player/atoms/NextEpisodeButton.tsx b/src/components/player/atoms/NextEpisodeButton.tsx
index 39a41c61..f4e21250 100644
--- a/src/components/player/atoms/NextEpisodeButton.tsx
+++ b/src/components/player/atoms/NextEpisodeButton.tsx
@@ -108,7 +108,7 @@ export function NextEpisodeButton(props: {
   if (metaType !== "show") return null;
 
   // Use rounded numbers for auto-next!
-  console.log(Math.round(time), Math.round(duration));
+  console.log(`Episode duration: ${Math.round(time)}:${Math.round(duration)}`);
 
   return (
     <Transition
diff --git a/src/pages/Discover.tsx b/src/pages/Discover.tsx
index de0eaa70..03108aed 100644
--- a/src/pages/Discover.tsx
+++ b/src/pages/Discover.tsx
@@ -4,6 +4,7 @@ import { useNavigate } from "react-router-dom";
 
 import { ThinContainer } from "@/components/layout/ThinContainer";
 import { WideContainer } from "@/components/layout/WideContainer";
+import { Divider } from "@/components/utils/Divider";
 import { HomeLayout } from "@/pages/layouts/HomeLayout";
 import { conf } from "@/setup/config";
 import { useThemeStore } from "@/stores/theme";
@@ -473,6 +474,11 @@ export function Discover() {
                 {renderMovies(genreMovies[genre.id] || [], genre.name)}
               </div>
             ))}
+            <div className="flex inline-block mt-6">
+              <Divider marginClass="mr-5 my-5" />
+              <h1 className="text-4xl font-bold text-white mx-auto">Shows</h1>
+              <Divider marginClass="ml-5 my-5" />
+            </div>
             {tvGenres.map((genre) => (
               <div
                 key={genre.id}