feat: add mobile drawer

2024-03-07 02:48:16 +05:30
parent b03bc13742
commit a1af0e7063
1 changed files with 19 additions and 0 deletions
--- a/ui/src/components/Topbar/index.tsx
+++ b/ui/src/components/Topbar/index.tsx
@@ -48,6 +48,25 @@ const Topbar = () => {
          </svg>
        </button>
      </Col>
+      <Drawer
+        title="Navigation"
+        placement="right"
+        closable={false}
+        onClose={hideDrawer}
+        visible={visible}
+      >
+        <Menu mode="vertical">
+          <Menu.Item key="1">
+            <Link to="/link1">Link 1</Link>
+          </Menu.Item>
+          <Menu.Item key="2">
+            <Link to="/link2">Link 2</Link>
+          </Menu.Item>
+          <Menu.Item key="3">
+            <Link to="/link3">Link 3</Link>
+          </Menu.Item>
+        </Menu>
+      </Drawer>
    </Header>
  );
 };