From ff1d465d3fac680dc70fc4f1cb78b5d0d6a34bd8 Mon Sep 17 00:00:00 2001
From: Keannu Bernasol <noehbernasol0@gmail.com>
Date: Sun, 19 Nov 2023 18:37:30 +0800
Subject: [PATCH] Improved drawer buttons

---
 src/Components/Sidebar/Sidebar.tsx | 102 ++++++++++++++---------------
 1 file changed, 49 insertions(+), 53 deletions(-)

diff --git a/src/Components/Sidebar/Sidebar.tsx b/src/Components/Sidebar/Sidebar.tsx
index 3463d9b..ab8ad0d 100644
--- a/src/Components/Sidebar/Sidebar.tsx
+++ b/src/Components/Sidebar/Sidebar.tsx
@@ -56,59 +56,55 @@ export default function Sidebar() {
           marginBottom: 8,
         }}
       />
-      <div style={styles.flex_row}>
-        <HomeIcon
-          style={{
-            width: "48px",
-            height: "48px",
-            color: "white",
-            marginRight: "2px",
-            alignSelf: "center",
-            justifySelf: "center",
-          }}
-        />
-        <p
-          style={{
-            ...styles.text_light,
-            ...styles.text_M,
-          }}
-        >
-          Dashboard
-        </p>
-      </div>
-      <div style={styles.flex_row}>
-        <DrawerButton
-          onClick={async () => {
-            navigate("/");
-            await dispatch(auth_toggle());
-            await setAccessToken("");
-            await setRefreshToken("");
-            toast("Logged out", {
-              position: "top-right",
-              autoClose: 2000,
-              hideProgressBar: false,
-              closeOnClick: true,
-              pauseOnHover: true,
-              draggable: true,
-              progress: undefined,
-              theme: "light",
-            });
-          }}
-          icon={
-            <LogoutIcon
-              style={{
-                width: "48px",
-                height: "48px",
-                color: "white",
-                marginRight: "2px",
-                alignSelf: "center",
-                justifySelf: "center",
-              }}
-            />
-          }
-          label={"Log out"}
-        />
-      </div>
+      <DrawerButton
+        onClick={() => {
+          navigate("/dashboard");
+        }}
+        icon={
+          <HomeIcon
+            style={{
+              width: "48px",
+              height: "48px",
+              color: "white",
+              marginRight: "2px",
+              alignSelf: "center",
+              justifySelf: "center",
+            }}
+          />
+        }
+        label={"Dashboard"}
+      />
+      <DrawerButton
+        onClick={async () => {
+          navigate("/");
+          await dispatch(auth_toggle());
+          await setAccessToken("");
+          await setRefreshToken("");
+          toast("Logged out", {
+            position: "top-right",
+            autoClose: 2000,
+            hideProgressBar: false,
+            closeOnClick: true,
+            pauseOnHover: true,
+            draggable: true,
+            progress: undefined,
+            theme: "light",
+          });
+        }}
+        icon={
+          <LogoutIcon
+            style={{
+              width: "48px",
+              height: "48px",
+              color: "white",
+              marginRight: "2px",
+              alignSelf: "center",
+              justifySelf: "center",
+            }}
+          />
+        }
+        label={"Log out"}
+      />
     </div>
   );
 }