From b263b4fec833e05856263c0bd532e3be81aac4e3 Mon Sep 17 00:00:00 2001
From: Yuri Almeida <yurialves2@gmail.com>
Date: Tue, 18 Oct 2022 21:59:13 -0300
Subject: [PATCH] chore: add disabled settings menu item (#1)

* chore: add disabled settings menu item

* ci: lint files
---
 README.md                        |  5 ++++-
 src/components/layout/Drawer.tsx | 14 ++++++++++----
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 0e9c356..6476010 100644
--- a/README.md
+++ b/README.md
@@ -13,4 +13,7 @@ A web clone of [DevToys](https://github.com/veler/DevToys)
   - [x] Generators
   - [ ] Text
   - [ ] Graphic
-- [ ] Support dark mode
+- [ ] Settings
+  - [x] Settings menu item
+  - [ ] Support dark mode
+  - [ ] Support i18n
diff --git a/src/components/layout/Drawer.tsx b/src/components/layout/Drawer.tsx
index 58fc984..9f803ea 100644
--- a/src/components/layout/Drawer.tsx
+++ b/src/components/layout/Drawer.tsx
@@ -1,4 +1,4 @@
-import { Home } from "@mui/icons-material";
+import { Home, Settings } from "@mui/icons-material";
 import { Box, Divider, Drawer, List, Stack } from "@mui/material";
 import { css } from "@mui/material/styles";
 import { memo } from "react";
@@ -30,20 +30,26 @@ const divider = css`
   border-color: rgba(0, 0, 0, 0.08);
 `;
 
+const fullHeight = { height: "100%" };
+
 const StyledComponent = ({ toolGroups }: Props) => (
   <Drawer variant="permanent" css={drawer}>
     <Box paddingLeft={2} paddingRight={2} marginTop="1px">
       <SearchBar />
     </Box>
-    <List component="nav">
-      <Stack spacing={1}>
-        <DrawerItem icon={<Home />} title="All tools" href={pagesPath.$url()} />
+    <List component="nav" css={fullHeight}>
+      <Stack spacing={1} css={fullHeight}>
+        <Box>
+          <DrawerItem icon={<Home />} title="All tools" href={pagesPath.$url()} />
+        </Box>
         <Divider css={divider} />
         <Box>
           {toolGroups.map(({ icon, title, tools }) => (
             <DrawerCollapseItem key={title} {...{ icon, title, tools }} />
           ))}
         </Box>
+        <Box flex={1} />
+        <DrawerItem icon={<Settings />} title="Settings" href="settings" disabled />
       </Stack>
     </List>
   </Drawer>