From 30e2184033d1092ec69f86fdf9d426afc4a8ab04 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Thu, 7 Mar 2024 03:00:26 +0530
Subject: [PATCH] feat: hide drawer on lcicking clinks

---
 ui/src/components/Topbar/index.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/ui/src/components/Topbar/index.tsx b/ui/src/components/Topbar/index.tsx
index df0f70ad..d5681c6c 100644
--- a/ui/src/components/Topbar/index.tsx
+++ b/ui/src/components/Topbar/index.tsx
@@ -54,16 +54,19 @@ const Topbar = () => {
         closable={false}
         onClose={hideDrawer}
         visible={visible}
+        getContainer={() => document.body} // Ensure the drawer covers viewport on mobile
       >
         <Menu mode="vertical">
-        <Menu.Item key="1">
-            <Link to="/dashboard">Dashboard</Link>
+          <Menu.Item key="1">
+            <Link to="/dashboard" onClick={hideDrawer}> 
+            Dashboard
+          </Link>
           </Menu.Item>
           <Menu.Item key="2">
-            <Link to="/credits">Credits</Link>
+            <Link to="/credits" onClick={hideDrawer}>Credits</Link>
           </Menu.Item>
           <Menu.Item key="3">
-            <Link to="/account">Account</Link>
+            <Link to="/account" onClick={hideDrawer}>Account</Link>
           </Menu.Item>
         </Menu>
       </Drawer>