From 28fd8b04ce595455279a5fda6e23fe5361107b5f Mon Sep 17 00:00:00 2001
From: shreysachani <realshreysachani@gmail.com>
Date: Tue, 15 Oct 2024 11:24:07 -0400
Subject: [PATCH] Solved #23 Submenu stays open if not clicked and closed
 manually

---
 src/Components/StartMenu.jsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/Components/StartMenu.jsx b/src/Components/StartMenu.jsx
index 0ea266a..2237b16 100644
--- a/src/Components/StartMenu.jsx
+++ b/src/Components/StartMenu.jsx
@@ -59,17 +59,23 @@ export default function StartMenu(props) {
         if (!ifBlurByStartMenuPress) {
             if (isStartButtonActive) {
                 setStartMenu(prev => !prev)
-
+                setSettingsMenu(false)
+                setQuitMenu(false)
             }
         }
         //close the power tab if it was opened
         setQuitMenu(false)
     }
 
+    function handleMouseLeave() {
+        setQuitMenu(false);
+        setSettingsMenu(false);
+    }
+
     return (
 
         <div data-testid="startMenuDiv" ref={startMenuDiv} onBlur={handleBlur} tabIndex="0" className={"StartMenu StartMenu" + props.active}>
-            <div className="flex options">
+            <div className="flex options"  onMouseLeave={handleMouseLeave}>
                 <div className="opt"><i className="fa fa-bars"></i><span><b>Start</b></span></div>
                 <div className="bottom">