From 2835681e2a7ce02a4eb238ed1de547de58c45ffe Mon Sep 17 00:00:00 2001
From: gibbyb <gib@gibbyb.com>
Date: Tue, 23 Jul 2024 13:21:19 -0500
Subject: [PATCH] Replace toggle with icon button so it is more clear what the
 toggle does without adding a label

---
 public/images/exit_fullscreen.png       | Bin 0 -> 17653 bytes
 public/images/fullscreen.png            | Bin 0 -> 17523 bytes
 src/components/auth/client/Sign_Out.tsx |   6 +-----
 src/components/ui/Header.tsx            |   8 ++++----
 src/components/ui/TV_Toggle.tsx         |  20 ++++++++++++--------
 5 files changed, 17 insertions(+), 17 deletions(-)
 create mode 100644 public/images/exit_fullscreen.png
 create mode 100644 public/images/fullscreen.png

diff --git a/public/images/exit_fullscreen.png b/public/images/exit_fullscreen.png
new file mode 100644
index 0000000000000000000000000000000000000000..032309c515a2a4291363e25b175c2247268c18a1
GIT binary patch
literal 17653
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

literal 0
HcmV?d00001

diff --git a/public/images/fullscreen.png b/public/images/fullscreen.png
new file mode 100644
index 0000000000000000000000000000000000000000..686beca19ac3ace9e5a62a29cc0e53ab8d8df519
GIT binary patch
literal 17523
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
Np7R&F=eY%b`5&itM%MrU

literal 0
HcmV?d00001

diff --git a/src/components/auth/client/Sign_Out.tsx b/src/components/auth/client/Sign_Out.tsx
index 1e6db4c..fe72f20 100644
--- a/src/components/auth/client/Sign_Out.tsx
+++ b/src/components/auth/client/Sign_Out.tsx
@@ -15,10 +15,8 @@ export default function Sign_Out() {
           className="rounded-full border-2 border-white m-auto mr-1 md:mr-2
           max-w-[25px] md:max-w-[35px]"
         />
-        <Button onClick={() => signOut()}
+        <Button onClick={() => signOut()} variant="secondary"
           className="w-full p-2 rounded-xl text-sm md:text-lg"
-          //bg-gradient-to-tl from-[#35363F] to=[#24191A]
-          //hover:bg-gradient-to-tr hover:from-[#35363F] hover:to-[#23242F]"
         >
           Sign Out
         </Button>
@@ -26,5 +24,3 @@ export default function Sign_Out() {
     );
   }
 };
-
-        //<User_Avatar session={session} />
diff --git a/src/components/ui/Header.tsx b/src/components/ui/Header.tsx
index 2ba9e55..a4829a6 100644
--- a/src/components/ui/Header.tsx
+++ b/src/components/ui/Header.tsx
@@ -8,11 +8,11 @@ export default function Header() {
   const { tvMode } = useTVMode();
   if (tvMode) {
     return (
-        <div className="absolute top-4 right-2">
-          <div className="flex flex-row my-auto items-center pt-2 pr-0 md:pt-4">
-            < TV_Toggle />
-          </div>
+      <div className="absolute top-4 right-2">
+        <div className="flex flex-row my-auto items-center pt-2 pr-0 md:pt-4">
+          < TV_Toggle />
         </div>
+      </div>
     );
   } else {
     return (
diff --git a/src/components/ui/TV_Toggle.tsx b/src/components/ui/TV_Toggle.tsx
index 53b66ac..0c75a48 100644
--- a/src/components/ui/TV_Toggle.tsx
+++ b/src/components/ui/TV_Toggle.tsx
@@ -1,5 +1,5 @@
 "use client";
-import { Switch } from "~/components/ui/shadcn/switch";
+import Image from "next/image";
 import { useTVMode } from "~/components/context/TVModeContext";
 import { useSession } from "next-auth/react";
 
@@ -8,12 +8,16 @@ export default function TV_Toggle() {
   const { data: session } = useSession();
   if (!session) return <div/>;
   return (
-    <Switch
-      checked={tvMode}
-      onCheckedChange={toggleTVMode}
-      className="bg-gradient-to-br from-[#595959] to-[#444444]
-        hover:bg-gradient-to-bl hover:from-[#484848] hover:to-[#333333]
-        mx-4 mt-2"
-    />
+    <button onClick={toggleTVMode} className="mr-4 mt-1">
+      {tvMode ? (
+        <Image src="/images/exit_fullscreen.png" alt="Exit TV Mode"
+          width={25} height={25}
+        />
+      ) : (
+        <Image src="/images/fullscreen.png" alt="Enter TV Mode"
+          width={25} height={25}
+        />
+      )}
+    </button>
   );
 }