fix: links in about window is now clickable in apps (#902)

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>

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;