Changed function to check if its a deskop or not

Author: monty2464

src/pages/general/navigation/Navigation.tsx

@@ -1,5 +1,5 @@
 // Third party
-import React, { useMemo, useState } from 'react'
+import React, { useState } from 'react'
 import { Navbar, NavLink, NavDropdown } from 'react-bootstrap'
 import { Link } from 'react-router-dom'
 
@@ -21,24 +21,30 @@ const Navigation = (): React.ReactElement => {
 
 	// State for handling dropdown visibility
 	const [showDropdown, setShowDropdown] = useState(false)
-	const isDesktop = useMemo(() => {
-		if (typeof window === 'undefined') return false
-		return window.matchMedia('(hover: hover) and (pointer: fine)').matches
-	}, [])
+	// const isDesktop = useMemo(() => {
+	// 	if (typeof window === 'undefined') return false
+	// 	return window.matchMedia('(hover: hover) and (pointer: fine)').matches
+	// }, [])
+
+	const isDesktop = (): boolean => {
+		if(width < Constants.MOBILE_SIZE)
+			return false
+		return true
+	}
 	// Timeout variable to prevent flickering
 	let hideDropdownTimeout: NodeJS.Timeout
 
 	// Open dropdown when hovering over "Projects"
 	const handleMouseEnter = (): void => {
-		if(isDesktop){
+		if(isDesktop()){
 			clearTimeout(hideDropdownTimeout) // Cancel hide if mouse enters again
 			setShowDropdown(true)
 		}
 	}
 
 	// Close dropdown when mouse leaves (with small delay)
 	const handleMouseLeave = (): void => {
-		if(isDesktop){
+		if(isDesktop()){
 			hideDropdownTimeout = setTimeout(() => {
 				setShowDropdown(false)
 			}, 400) // Small delay before closing
@@ -82,7 +88,7 @@ const Navigation = (): React.ReactElement => {
 								show={showDropdown}
 								className='nav-link'
 								onToggle={(nextShow /* boolean */) => {
-									if (!isDesktop) setShowDropdown(nextShow)
+									if (!isDesktop()) setShowDropdown(nextShow)
 								}}
 								// Close on any item selection
 								onSelect={() => setShowDropdown(false)}>

src/setupTests.ts

@@ -5,18 +5,3 @@
  * learn more: https://github.com/testing-library/jest-dom
  */
 import '@testing-library/jest-dom'
-
-// Add this before your tests run
-Object.defineProperty(window, 'matchMedia', {
-  writable: true,
-  value: jest.fn().mockImplementation(query => ({
-    matches: false,
-    media: query,
-    onchange: null,
-    addListener: jest.fn(), // deprecated
-    removeListener: jest.fn(), // deprecated
-    addEventListener: jest.fn(),
-    removeEventListener: jest.fn(),
-    dispatchEvent: jest.fn(),
-  })),
-});