From 2be1d7f6eaa75f6c87268c5ce31c38240f609300 Mon Sep 17 00:00:00 2001
From: darkicewolf50 <brock.tomlinson@ucalgary.ca>
Date: Wed, 13 Mar 2024 14:16:49 -0600
Subject: [PATCH] added comments to mousehandler helpers

---
 src/Header/Header.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/Header/Header.js b/src/Header/Header.js
index 0501261..b79ab0e 100644
--- a/src/Header/Header.js
+++ b/src/Header/Header.js
@@ -25,10 +25,11 @@ const Header = () => {
 		navigate(arg);
 	};
 
+	//makes the drop down menu visible when the mouse enters the Club Membership & Upcoming events button area
 	const handleMouseEnter = () => {
 		setDropdownVisible(true);
 	};
-
+	//makes the drop down menu invisible when the mouse leaves the Club Membership & Upcoming events button area
 	const handleMouseLeave = () => {
 		setDropdownVisible(false);
 	};
@@ -66,7 +67,9 @@ const Header = () => {
 						onMouseEnter={handleMouseEnter}
 						onMouseLeave={handleMouseLeave}
 						style={{ background: "red" }}>
-						<button type="button">Club Membership & Upcoming Events</button>
+						{/* dropdown menu is only visible when a mouse enters the area of the button below */}
+						<button type="button">Club Membership & Upcoming Events</button>{" "}
+						{/*this button does nothing yet*/}
 						{isDropdownVisible && <DropdownMenu />}
 					</div>
 					<OpenPageButton