From d04afb3e0c752c4c33fad8988dd1b45a4e06d5f1 Mon Sep 17 00:00:00 2001
From: Leander Furumo <leander@furumo.eu>
Date: Fri, 30 Oct 2026 21:50:23 +0100
Subject: [PATCH] Use real links in the "Other" dropdown

The items were buttons calling window.open() without noopener, which
let the opened page access window.opener. Links also support
middle-click and show the URL on hover.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/components/ui/otherButton.module.css |  5 +++--
 src/components/ui/otherButton.tsx        | 12 +++++++-----
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/ui/otherButton.module.css b/src/components/ui/otherButton.module.css
index f55160c..5b520f5 100644
--- a/src/components/ui/otherButton.module.css
+++ b/src/components/ui/otherButton.module.css
@@ -36,7 +36,8 @@
   border-radius: 10px;
 }
 
-.dropdownButton {
+.dropdownLink {
+  display: block;
   width: 100%;
   color: black;
   background-color: #cccccc;
@@ -52,7 +53,7 @@
   padding-right: 2em;
 }
 
-.dropdownButton:hover {
+.dropdownLink:hover {
   color: black;
   background-color: #e6e6e6;
 }
diff --git a/src/components/ui/otherButton.tsx b/src/components/ui/otherButton.tsx
index e920519..9dd13b6 100644
--- a/src/components/ui/otherButton.tsx
+++ b/src/components/ui/otherButton.tsx
@@ -36,14 +36,16 @@ const OtherButton = () => {
       {isOpen && (
         <div className={styles.dropdown}>
           {links.map((link, index) => (
-            <button
-              key={index}
-              onClick={() => window.open(link.url, "_blank")}
-              className={styles.dropdownButton}
+            <a
+              key={link.url}
+              href={link.url}
+              target="_blank"
+              rel="noopener noreferrer"
+              className={styles.dropdownLink}
               style={{ marginTop: index === 0 ? "8px" : "4px" }}
             >
               {link.label}
-            </button>
+            </a>
           ))}
         </div>
       )}