From e5a1a614fac492e49f897c160ba3df3489d8bae2 Mon Sep 17 00:00:00 2001
From: Cooper Ransom <cooperransom08@outlook.com>
Date: Tue, 26 Mar 2024 22:48:37 -0400
Subject: [PATCH] Refine brandpill mobile adaption

---
 src/components/layout/BrandPill.tsx               | 3 ++-
 src/components/layout/Navigation.tsx              | 2 +-
 src/components/player/atoms/NextEpisodeButton.tsx | 4 +++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/layout/BrandPill.tsx b/src/components/layout/BrandPill.tsx
index 109dbd2c..5d673bde 100644
--- a/src/components/layout/BrandPill.tsx
+++ b/src/components/layout/BrandPill.tsx
@@ -6,6 +6,7 @@ import { Icon, Icons } from "@/components/Icon";
 export function BrandPill(props: {
   clickable?: boolean;
   hideTextOnMobile?: boolean;
+  header?: boolean;
   backgroundClass?: string;
 }) {
   const { t } = useTranslation();
@@ -24,7 +25,7 @@ export function BrandPill(props: {
       <span
         className={[
           "font-semibold text-white",
-          props.hideTextOnMobile ? "hidden sm:block" : "",
+          props.hideTextOnMobile || props.header ? "hidden sm:block" : "",
         ].join(" ")}
       >
         {t("global.name")}
diff --git a/src/components/layout/Navigation.tsx b/src/components/layout/Navigation.tsx
index b118c879..24a3069b 100644
--- a/src/components/layout/Navigation.tsx
+++ b/src/components/layout/Navigation.tsx
@@ -85,7 +85,7 @@ export function Navigation(props: NavigationProps) {
                 className="block tabbable rounded-full text-xs ssm:text-base"
                 to="/"
               >
-                <BrandPill clickable />
+                <BrandPill clickable header />
               </Link>
               <a
                 href={conf().DISCORD_LINK}
diff --git a/src/components/player/atoms/NextEpisodeButton.tsx b/src/components/player/atoms/NextEpisodeButton.tsx
index f00ba6e3..dd53e499 100644
--- a/src/components/player/atoms/NextEpisodeButton.tsx
+++ b/src/components/player/atoms/NextEpisodeButton.tsx
@@ -1,5 +1,5 @@
 import classNames from "classnames";
-import React, { useCallback, useEffect } from "react";
+import React, { useCallback } from "react";
 import { useTranslation } from "react-i18next";
 
 import { Icon, Icons } from "@/components/Icon";
@@ -91,6 +91,8 @@ export function NextEpisodeButton(props: {
   if (!meta?.episode || !nextEp) return null;
   if (metaType !== "show") return null;
 
+  console.log(time, duration);
+
   return (
     <Transition
       animation={animation}