Lint

src/components/MenuButton.js

@@ -2,46 +2,46 @@ import React, { useState, useEffect } from 'react';
 import SectionsList from './SectionsList';
 
 function MenuButton() {
-  const [isOpen, setIsOpen] = useState(false);
-  const [displayStyle, setDisplayStyle] = useState(determineDisplayStyle(isOpen));
-
-  // Function to determine the display style
-  function determineDisplayStyle(isOpen) {
-    if (window.innerWidth <= 650) {
-      return isOpen ? "inline-block" : "none";
-    } else {
-      return "flex";
-    }
-  }
-
-  // Update display style on window resize or when isOpen changes
-  useEffect(() => {
-    function handleResize() {
-      if (window.innerWidth > 650) {
-        setIsOpen(false);
-      }
-      setDisplayStyle(determineDisplayStyle(isOpen));
+    const [isOpen, setIsOpen] = useState(false);
+    const [displayStyle, setDisplayStyle] = useState(determineDisplayStyle(isOpen));
+
+    // Function to determine the display style
+    function determineDisplayStyle(isOpen) {
+        if (window.innerWidth <= 650) {
+            return isOpen ? 'inline-block' : 'none';
+        } else {
+            return 'flex';
+        }
     }
 
-    window.addEventListener('resize', handleResize);
-    // Initial setting of the display style
-    handleResize();
-
-    // Cleanup function to remove event listener
-    return () => window.removeEventListener('resize', handleResize);
-  }, [isOpen]); // Effect depends on isOpen
-
-  const id = isOpen ? "close-btn" : "menu-btn";
-  const icon = isOpen ? "close" : "menu";
-
-  return (
-    <>
-      <SectionsList displayStyle={displayStyle} />
-      <button onClick={() => setIsOpen(!isOpen)} id={id}>
-        <span className="material-symbols-sharp">{icon}</span>
-      </button>
-    </>
-  );
+    // Update display style on window resize or when isOpen changes
+    useEffect(() => {
+        function handleResize() {
+            if (window.innerWidth > 650) {
+                setIsOpen(false);
+            }
+            setDisplayStyle(determineDisplayStyle(isOpen));
+        }
+
+        window.addEventListener('resize', handleResize);
+        // Initial setting of the display style
+        handleResize();
+
+        // Cleanup function to remove event listener
+        return () => window.removeEventListener('resize', handleResize);
+    }, [isOpen]); // Effect depends on isOpen
+
+    const id = isOpen ? 'close-btn' : 'menu-btn';
+    const icon = isOpen ? 'close' : 'menu';
+
+    return (
+        <>
+            <SectionsList displayStyle={displayStyle} />
+            <button onClick={() => setIsOpen(!isOpen)} id={id}>
+                <span className="material-symbols-sharp">{icon}</span>
+            </button>
+        </>
+    );
 }
 
 export default MenuButton;

src/components/SectionsList.js

@@ -29,4 +29,4 @@ function SectionsList({ displayStyle }) {
     );
 }
 
-export default SectionsList;
+export default SectionsList;

src/hooks/useScrollShadow.js

@@ -15,4 +15,4 @@ const useScrollShadow = (selector, className) => {
     }, [selector, className]);
 };
 
-export default useScrollShadow;
+export default useScrollShadow;

src/scripts/main.js

@@ -13,4 +13,3 @@ closeBtn.addEventListener('click', () => {
     menuBtn.style.display = 'inline-block';
     closeBtn.style.display = 'none';
 });
-