From ef0a79de21f36695c5d302e2c1db4844d54817eb Mon Sep 17 00:00:00 2001
From: gibbyb <gib@gibbyb.com>
Date: Tue, 23 Jul 2024 14:13:25 -0500
Subject: [PATCH] add bowens svgs

---
 public/images/exit_fullscreen.png    | Bin 17653 -> 0 bytes
 public/images/exit_fullscreen.svg    |  63 +++++++++++++++++++++++++++
 public/images/fullscreen.png         | Bin 17523 -> 0 bytes
 public/images/fullscreen.svg         |  63 +++++++++++++++++++++++++++
 src/components/ui/History_Drawer.tsx |  27 ++++++++++++
 src/components/ui/TV_Toggle.tsx      |   4 +-
 src/components/ui/Tech_Table.tsx     |  10 ++++-
 7 files changed, 163 insertions(+), 4 deletions(-)
 delete mode 100644 public/images/exit_fullscreen.png
 create mode 100644 public/images/exit_fullscreen.svg
 delete mode 100644 public/images/fullscreen.png
 create mode 100644 public/images/fullscreen.svg
 create mode 100644 src/components/ui/History_Drawer.tsx

diff --git a/public/images/exit_fullscreen.png b/public/images/exit_fullscreen.png
deleted file mode 100644
index 032309c515a2a4291363e25b175c2247268c18a1..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 17653
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

diff --git a/public/images/exit_fullscreen.svg b/public/images/exit_fullscreen.svg
new file mode 100644
index 0000000..658a81c
--- /dev/null
+++ b/public/images/exit_fullscreen.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 12.7 12.7"
+   version="1.1"
+   id="svg513"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   sodipodi:docname="ExitFullscreen.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview515"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="8.4359982"
+     inkscape:cx="69.108597"
+     inkscape:cy="37.458519"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="3832"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs510" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:#b3b3b3;stroke-width:0.193906"
+       d="M 0,5.8620045 H 5.8615381 L 5.8621526,0 H 4.8849607 L 4.8846152,4.8851478 H 0 Z"
+       id="path190"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="fill:#b3b3b3;stroke-width:0.193906"
+       d="M 6.8384615,8.6556325e-4 V 5.8620045 H 12.7 V 4.8851478 H 7.815384 V 8.6556325e-4 Z"
+       id="path396"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="fill:#b3b3b3;stroke-width:0.193906"
+       d="M 12.7,6.8388612 H 6.8384615 V 12.7 H 7.815384 V 7.8157173 H 12.7 Z"
+       id="path396-5"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="fill:#b3b3b3;stroke-width:0.193906"
+       d="M 5.8615381,12.7 V 6.8388612 H 0 V 7.8157173 H 4.8846152 V 12.7 Z"
+       id="path396-1"
+       sodipodi:nodetypes="ccccccc" />
+  </g>
+</svg>
diff --git a/public/images/fullscreen.png b/public/images/fullscreen.png
deleted file mode 100644
index 686beca19ac3ace9e5a62a29cc0e53ab8d8df519..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 17523
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
Np7R&F=eY%b`5&itM%MrU

diff --git a/public/images/fullscreen.svg b/public/images/fullscreen.svg
new file mode 100644
index 0000000..0ec0d06
--- /dev/null
+++ b/public/images/fullscreen.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 12.7 12.7"
+   version="1.1"
+   id="svg513"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   sodipodi:docname="Fullscreen.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview515"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="8.4359982"
+     inkscape:cx="69.108597"
+     inkscape:cy="37.458519"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="3832"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs510" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:#b3b3b3;stroke-width:0.193912"
+       d="M 5.8615386,0 H 0 V 5.8615386 H 0.97692256 V 0.97692327 H 5.8615386 Z"
+       id="path396-6"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="fill:#b3b3b3;stroke-width:0.193912"
+       d="M 0,6.8384619 V 12.7 H 5.8615386 V 11.723076 H 0.97692256 V 6.8384619 Z"
+       id="path396-52"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="fill:#b3b3b3;stroke-width:0.193912"
+       d="M 6.8384613,12.7 H 12.7 V 6.8384619 H 11.723078 V 11.723076 H 6.8384613 Z"
+       id="path396-4"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="fill:#b3b3b3;stroke-width:0.193912"
+       d="M 12.7,5.8615386 V 0 H 6.8384613 V 0.97692327 H 11.723078 V 5.8615386 Z"
+       id="path396-0"
+       sodipodi:nodetypes="ccccccc" />
+  </g>
+</svg>
diff --git a/src/components/ui/History_Drawer.tsx b/src/components/ui/History_Drawer.tsx
new file mode 100644
index 0000000..d0fb81f
--- /dev/null
+++ b/src/components/ui/History_Drawer.tsx
@@ -0,0 +1,27 @@
+import { Button } from "~/components/ui/shadcn/button";
+import {
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerTitle,
+  DrawerTrigger,
+} from "~/components/ui/shadcn/drawer";
+
+<Drawer>
+  <DrawerTrigger>Open</DrawerTrigger>
+  <DrawerContent>
+    <DrawerHeader>
+      <DrawerTitle>Are you absolutely sure?</DrawerTitle>
+      <DrawerDescription>This action cannot be undone.</DrawerDescription>
+    </DrawerHeader>
+    <DrawerFooter>
+      <Button>Submit</Button>
+      <DrawerClose>
+        <Button variant="outline">Cancel</Button>
+      </DrawerClose>
+    </DrawerFooter>
+  </DrawerContent>
+</Drawer>
diff --git a/src/components/ui/TV_Toggle.tsx b/src/components/ui/TV_Toggle.tsx
index 0c75a48..6acbc24 100644
--- a/src/components/ui/TV_Toggle.tsx
+++ b/src/components/ui/TV_Toggle.tsx
@@ -10,11 +10,11 @@ export default function TV_Toggle() {
   return (
     <button onClick={toggleTVMode} className="mr-4 mt-1">
       {tvMode ? (
-        <Image src="/images/exit_fullscreen.png" alt="Exit TV Mode"
+        <Image src="/images/exit_fullscreen.svg" alt="Exit TV Mode"
           width={25} height={25}
         />
       ) : (
-        <Image src="/images/fullscreen.png" alt="Enter TV Mode"
+        <Image src="/images/fullscreen.svg" alt="Enter TV Mode"
           width={25} height={25}
         />
       )}
diff --git a/src/components/ui/Tech_Table.tsx b/src/components/ui/Tech_Table.tsx
index f9cdbee..1164591 100644
--- a/src/components/ui/Tech_Table.tsx
+++ b/src/components/ui/Tech_Table.tsx
@@ -164,7 +164,11 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
                 </th>
               )}
               <th className="border border-[#3e4446] py-3">Name</th>
-              <th className="border border-[#3e4446] py-3">Status</th>
+              <th className="border border-[#3e4446] py-3">
+                <button>
+                  Status
+                </button>
+              </th>
               <th className="border border-[#3e4446] py-3">Updated At</th>
             </tr>
           </thead>
@@ -189,7 +193,9 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
                   {employee.name}
                 </td>
                 <td className="s-column max-w-[700px] px-1 md:py-3 border border-[#3e4446]">
-                  {employee.status}
+                  <button>
+                    {employee.status}
+                  </button>
                 </td>
                 <td className="ua-column px-1 md:py-3 border border-[#3e4446]">
                   {formatTime(employee.updatedAt)}