Remove unused state and event listener in Header component

YousifAbozid · Feb 29, 2024 · 784506f · 784506f
1 parent 6e373d5
commit 784506f
Showing 1 changed file with 2 additions and 9 deletions.
diff --git a/components/Header.js b/components/Header.js
@@ -11,22 +11,15 @@ import links from '@/data/linksArray'
  */
 const Header = () => {
 	const [showMenu, setShowMenu] = useState(false)
-	const [isToggling, setIsToggling] = useState(false)
 	const menuRef = useRef(null)
 
 	const handleLinkClick = () => {
 		setShowMenu(false) // Close menu when a link is clicked
 	}
 
 	const toggleMenu = () => {
-		if (!isToggling) {
-			setIsToggling(true)
-			setShowMenu((prevState) => !prevState)
-
-			setTimeout(() => {
-				setIsToggling(false)
-			}, 500)
-		}
+		setShowMenu((prevState) => !prevState)
+		document.removeEventListener('touchstart', handleClickOutside)
 	}
 
 	useEffect(() => {