add help button

hackaburg · Mar 19, 2024 · ee54d43 · ee54d43
1 parent 65b5a4a
commit ee54d43
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/frontend/src/components/routers/sidebar/sidebar.tsx b/frontend/src/components/routers/sidebar/sidebar.tsx
@@ -20,6 +20,7 @@ import { transitionDuration } from "../../../config";
 import { GrGroup } from "react-icons/gr";
 import { Button } from "@mui/material";
 import { SimpleDialog } from "../../base/dialog";
+import { MdSupportAgent } from "react-icons/md";
 
 const BackgroundContainer = styled(StyleableFlexContainer)`
   height: 100%;
@@ -195,11 +196,27 @@ export const Sidebar = () => {
         )}
       </SidebarMenu>
       <div style={{ bottom: "8rem", position: "absolute", width: "90%" }}>
+        <a href="mailto:[email protected]">
+          <Button
+            variant="outlined"
+            style={{
+              color: "white",
+              margin: "1rem",
+              borderColor: "white",
+              fontSize: "1rem",
+              width: "100%",
+            }}
+            startIcon={<MdSupportAgent />}
+          >
+            Need help?
+          </Button>
+        </a>
         <Button
           variant="outlined"
           style={{
             color: "#3fb28f",
             margin: "1rem",
+            marginTop: "0",
             borderColor: "#3fb28f",
             fontSize: "1rem",
             width: "100%",