From ed7e06fc1f2a268a8e80c3f56be88b8daf4392fc Mon Sep 17 00:00:00 2001
From: maelstrom <maelstrom@maelstrom.dev>
Date: Sat, 2 May 2026 21:28:08 +0200
Subject: [PATCH] use native <a> tag on web for nicer links

---
 src/components/primitive/Link.tsx | 54 +++++++++++++++++++------------
 1 file changed, 34 insertions(+), 20 deletions(-)

diff --git a/src/components/primitive/Link.tsx b/src/components/primitive/Link.tsx
index fa3c13f..ec84843 100644
--- a/src/components/primitive/Link.tsx
+++ b/src/components/primitive/Link.tsx
@@ -3,26 +3,40 @@ import { Linking, Platform, Text as RNText, TextProps } from "react-native";
 export function Link(props: TextProps & { uri?: string }) {
   const { uri } = props;
 
-  const openLink = () => {
-    if (Platform.OS === "web") {
-      window.open(uri!, "_blank");
-    } else {
+  if (Platform.OS === "web") {
+    return (
+      <a href={uri!} target="_blank">
+        <RNText
+          {...props}
+          style={[
+            {
+              color: "#fff",
+              textDecorationLine: "underline",
+              cursor: "pointer",
+            },
+            props.style,
+          ]}
+        />
+      </a>
+    );
+  } else {
+    const openLink = () => {
       Linking.openURL(uri!);
-    }
-  };
+    };
 
-  return (
-    <RNText
-      {...props}
-      onPress={uri ? openLink : undefined}
-      style={[
-        {
-          color: "#fff",
-          textDecorationLine: "underline",
-          cursor: "pointer",
-        },
-        props.style,
-      ]}
-    />
-  );
+    return (
+      <RNText
+        {...props}
+        onPress={uri ? openLink : undefined}
+        style={[
+          {
+            color: "#fff",
+            textDecorationLine: "underline",
+            cursor: "pointer",
+          },
+          props.style,
+        ]}
+      />
+    );
+  }
 }
-- 
2.51.2