From b0327d97f292cbf742f8e5933cdcf70cfe74bb36 Mon Sep 17 00:00:00 2001
From: Harsh <harshmastic@gmail.com>
Date: Mon, 6 Oct 2025 16:51:04 +0530
Subject: [PATCH 1/2] fix: prevent menu links from being focusable when menu is
 closed

---
 src/components/Nav/MainNavLinks.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/Nav/MainNavLinks.tsx b/src/components/Nav/MainNavLinks.tsx
index 0e3b628535..aed158ca57 100644
--- a/src/components/Nav/MainNavLinks.tsx
+++ b/src/components/Nav/MainNavLinks.tsx
@@ -75,13 +75,19 @@ export const MainNavLinks = ({
       <ul>
         {links.map((link) => (
           <li key={link.label}>
-            <a href={link.url}>{link.label}</a>
+            <a href={link.url} tabIndex={isOpen ? 0 : -1}>
+              {link.label}
+            </a>
           </li>
         ))}
       </ul>
       <ul class="flex flex-col gap-[15px]">
         <li>
-          <a className={styles.buttonlink} href="https://editor.p5js.org">
+          <a
+            className={styles.buttonlink}
+            href="https://editor.p5js.org"
+            tabIndex={isOpen ? 0 : -1}
+          >
             <div class="mr-xxs">
               <Icon kind="code-brackets" />
             </div>
@@ -89,7 +95,11 @@ export const MainNavLinks = ({
           </a>
         </li>
         <li>
-          <a className={styles.buttonlink} href="/donate/">
+          <a
+            className={styles.buttonlink}
+            href="/donate/"
+            tabIndex={isOpen ? 0 : -1}
+          >
             <div class="mr-xxs">
               <Icon kind="heart" />
             </div>

From 3eb4b39000a7b3267a2c6082eebabf38261de382 Mon Sep 17 00:00:00 2001
From: Harsh <harshmastic@gmail.com>
Date: Mon, 6 Oct 2025 17:48:56 +0530
Subject: [PATCH 2/2] fix: replace className with class

---
 src/components/Nav/MainNavLinks.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Nav/MainNavLinks.tsx b/src/components/Nav/MainNavLinks.tsx
index aed158ca57..7737fd3199 100644
--- a/src/components/Nav/MainNavLinks.tsx
+++ b/src/components/Nav/MainNavLinks.tsx
@@ -84,7 +84,7 @@ export const MainNavLinks = ({
       <ul class="flex flex-col gap-[15px]">
         <li>
           <a
-            className={styles.buttonlink}
+            class={styles.buttonlink}
             href="https://editor.p5js.org"
             tabIndex={isOpen ? 0 : -1}
           >
@@ -96,7 +96,7 @@ export const MainNavLinks = ({
         </li>
         <li>
           <a
-            className={styles.buttonlink}
+            class={styles.buttonlink}
             href="/donate/"
             tabIndex={isOpen ? 0 : -1}
           >