From 990a83fea818db1732430af992e84da5a2675c03 Mon Sep 17 00:00:00 2001
From: Jing Hua <tohjinghua123@gmail.com>
Date: Sun, 5 Mar 2023 12:05:30 +0800
Subject: [PATCH] feat: click outside mobile sidebar to close

---
 src/components/Menu/Menu.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/Menu/Menu.tsx b/src/components/Menu/Menu.tsx
index 9ca8a37..4640bd7 100644
--- a/src/components/Menu/Menu.tsx
+++ b/src/components/Menu/Menu.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import useStore from '@store/store';
 
 import NewChat from './NewChat';
 import ChatHistoryList from './ChatHistoryList';
@@ -38,6 +39,13 @@ const Menu = () => {
       <div
         id='menu-backdrop'
         className='hidden md:hidden fixed top-0 left-0 h-full w-full z-[60] bg-gray-900/70'
+        onClick={() => {
+          document
+            .getElementById('menu')
+            ?.classList.remove('max-md:translate-x-[0%]');
+          document.getElementById('menu-close')?.classList.add('hidden');
+          document.getElementById('menu-backdrop')?.classList.add('hidden');
+        }}
       />
     </>
   );