use a href instead of button

Author: steven-tey

apps/web/app/deeplink/[domain]/[key]/action-buttons.tsx

@@ -6,30 +6,21 @@ import { Button, IOSAppStore, useCopyToClipboard } from "@dub/ui";
 export function DeepLinkActionButtons({ link }: { link: EdgeLinkProps }) {
   const [_copied, copyToClipboard] = useCopyToClipboard();
 
-  const handleClick = async ({ withCopy }: { withCopy?: boolean } = {}) => {
-    if (withCopy) {
-      copyToClipboard(link.shortLink);
-    }
-
-    window.location.href = link.shortLink;
-  };
-
   return (
     <div className="flex flex-col items-center gap-4">
-      <Button
-        text="Open in the app"
-        className="h-12 w-full rounded-xl bg-neutral-900 text-white"
-        variant="primary"
-        onClick={() => handleClick({ withCopy: true })}
-        icon={<IOSAppStore className="size-6" />}
-      />
+      <a href={link.shortLink} className="w-full">
+        <Button
+          text="Open in the app"
+          className="h-12 w-full rounded-xl bg-neutral-900 text-white"
+          variant="primary"
+          onClick={() => copyToClipboard(link.shortLink)}
+          icon={<IOSAppStore className="size-6" />}
+        />
+      </a>
 
-      <button
-        onClick={() => handleClick()}
-        className="text-sm text-neutral-500"
-      >
+      <a href={link.shortLink} className="text-sm text-neutral-500">
         Open in the app without copying
-      </button>
+      </a>
     </div>
   );
 }

apps/web/app/deeplink/[domain]/[key]/brand-logo-badge.tsx

@@ -8,11 +8,9 @@ export function BrandLogoBadge({ link }: { link: EdgeLinkProps }) {
   const [_copied, copyToClipboard] = useCopyToClipboard();
 
   return (
-    <button
-      onClick={() => {
-        copyToClipboard(link.shortLink);
-        window.location.href = link.shortLink;
-      }}
+    <a
+      onClick={() => copyToClipboard(link.shortLink)}
+      href={link.shortLink}
       className="inline-flex items-center gap-2 rounded-full bg-white px-3 py-1.5 shadow-lg shadow-black/10 ring-1 ring-neutral-200"
     >
       <img
@@ -22,6 +20,6 @@ export function BrandLogoBadge({ link }: { link: EdgeLinkProps }) {
       <div className="pr-1.5 text-lg font-semibold text-neutral-900">
         {getApexDomain(link.url)}
       </div>
-    </button>
+    </a>
   );
 }