From 45637dfd51cd6088e4f590521c99edcbc0213c2f Mon Sep 17 00:00:00 2001
From: swaptr <83858160+swaptr@users.noreply.github.com>
Date: Mon, 6 Feb 2023 00:27:35 +0530
Subject: [PATCH] remove theme button from sidebar (#1181)

* remove theme button from sidebar

Now that the theme switch button is moved to navbar, we can remove this button.

* fix responsiveness
---
 website/src/components/SideMenu.tsx | 12 +-----------
 1 file changed, 1 insertion(+), 11 deletions(-)

diff --git a/website/src/components/SideMenu.tsx b/website/src/components/SideMenu.tsx
index 1c5bac38..45ae0933 100644
--- a/website/src/components/SideMenu.tsx
+++ b/website/src/components/SideMenu.tsx
@@ -24,7 +24,7 @@ export function SideMenu(props: SideMenuProps) {
       <Card
         display={{ base: "grid", sm: "flex" }}
         width={["100%", "100%", "100px", "280px"]}
-        className="grid-cols-4 gap-2 sm:flex-col sm:justify-between p-4 h-full"
+        className="grid-cols-3 gap-2 sm:flex-col sm:justify-between p-4 h-full"
       >
         <nav className="grid grid-cols-3 col-span-3 sm:flex sm:flex-col gap-2">
           {props.buttonOptions.map((item, itemIndex) => (
@@ -57,16 +57,6 @@ export function SideMenu(props: SideMenuProps) {
             </Tooltip>
           ))}
         </nav>
-        <div>
-          <Tooltip fontFamily="inter" label="Toggle Dark Mode" placement="right" className="hidden lg:hidden sm:block">
-            <Button size="lg" width="full" justifyContent="center" onClick={toggleColorMode} gap="2">
-              <Sun size={"1em"} />
-              <Text fontWeight="normal" className="hidden lg:block">
-                {colorMode === "light" ? t("common:dark_mode") : t("common:light_mode")}
-              </Text>
-            </Button>
-          </Tooltip>
-        </div>
       </Card>
     </main>
   );