From 759779a98d8cc76889b5342255effd53ec25e4dd Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Thu, 17 Apr 2025 17:17:07 +0800
Subject: [PATCH] fix: links in about window is now clickable in apps (#902)

---
 .../src/components/AboutWindow.tsx            | 16 ++++---------
 apps/readest-app/src/components/Link.tsx      | 23 +++++++++++++++++++
 2 files changed, 28 insertions(+), 11 deletions(-)
 create mode 100644 apps/readest-app/src/components/Link.tsx

diff --git a/apps/readest-app/src/components/AboutWindow.tsx b/apps/readest-app/src/components/AboutWindow.tsx
index b5a54b79..b2c748e0 100644
--- a/apps/readest-app/src/components/AboutWindow.tsx
+++ b/apps/readest-app/src/components/AboutWindow.tsx
@@ -6,6 +6,7 @@ import { useTranslation } from '@/hooks/useTranslation';
 import { checkForAppUpdates } from '@/helpers/updater';
 import { parseWebViewVersion } from '@/utils/ua';
 import Dialog from './Dialog';
+import Link from './Link';
 
 export const setAboutDialogVisible = (visible: boolean) => {
   const dialog = document.getElementById('about_window');
@@ -75,27 +76,20 @@ export const AboutWindow = () => {
           </p>
           <p className='text-neutral-content mt-2 text-xs'>
             This software is licensed under the{' '}
-            <a
+            <Link
               href='https://www.gnu.org/licenses/agpl-3.0.html'
-              target='_blank'
-              rel='noopener noreferrer'
               className='text-blue-500 underline'
             >
               GNU Affero General Public License v3.0
-            </a>
+            </Link>
             . You are free to use, modify, and distribute this software under the terms of the AGPL
             v3 license. Please see the license for more details.
           </p>
           <p className='text-neutral-content my-2 text-xs'>
             Source code is available at{' '}
-            <a
-              href='https://github.com/readest/readest'
-              target='_blank'
-              rel='noopener noreferrer'
-              className='text-blue-500 underline'
-            >
+            <Link href='https://github.com/readest/readest' className='text-blue-500 underline'>
               GitHub
-            </a>
+            </Link>
             .
           </p>
         </div>
diff --git a/apps/readest-app/src/components/Link.tsx b/apps/readest-app/src/components/Link.tsx
new file mode 100644
index 00000000..7b2d3020
--- /dev/null
+++ b/apps/readest-app/src/components/Link.tsx
@@ -0,0 +1,23 @@
+import { isTauriAppPlatform } from '@/services/environment';
+import { openUrl } from '@tauri-apps/plugin-opener';
+
+interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+  href: string;
+}
+
+const Link: React.FC<LinkProps> = ({ href, children, ...props }) => {
+  const handleClick = async (e: React.MouseEvent<HTMLAnchorElement>) => {
+    if (isTauriAppPlatform()) {
+      e.preventDefault();
+      await openUrl(href);
+    }
+  };
+
+  return (
+    <a href={href} target='_blank' rel='noopener noreferrer' onClick={handleClick} {...props}>
+      {children}
+    </a>
+  );
+};
+
+export default Link;