From 61a8f73364e7bc338a1a39abee5cc446d8e37efe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?mauro=20=F0=9F=A4=99?=
 <91018726+mauro-balades@users.noreply.github.com>
Date: Tue, 27 Aug 2024 23:20:36 +0000
Subject: [PATCH] Optimize image loading in components

---
 src/components/download.tsx     | 4 ++--
 src/components/footer.tsx       | 2 +-
 src/components/mobile-nav.tsx   | 2 +-
 src/components/navigation.tsx   | 2 +-
 src/components/release-note.tsx | 4 ++--
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/download.tsx b/src/components/download.tsx
index f49df11..0170c67 100644
--- a/src/components/download.tsx
+++ b/src/components/download.tsx
@@ -220,7 +220,7 @@ export default function DownloadPage() {
               </p>
               <div className="flex font-bold mt-5 items-center justify-between mx-auto">
                 <a href="https://github.com/zen-browser">Source Code</a>
-                <Link
+                <a
                   className="ml-5"
                   href="https://patreon.com/zen_browser?utm_medium=unknown&utm_source=join_link&utm_campaign=creatorshare_creator&utm_content=copyLink"
                 >
@@ -551,7 +551,7 @@ export default function DownloadPage() {
                 <InfoCircledIcon className="size-4 mr-2" />
                 <p className="text-muted-foreground">
                   Confused about which build to choose?{" "}
-                  <Link
+                  <a
                     href="https://docs.zen-browser.app/guides/generic-optimized"
                     target="_blank"
                     className="text-blue-400"
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index 7577227..c020ebf 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -6,7 +6,7 @@ export default function Footer() {
   return (
     <div className="font-medium flex-col md:flex-row px-10 md:px-0 border-t w-full border-grey py-10 mt-10 flex justify-center align-center">
       Zen Browser © {new Date().getFullYear()} - Made with ❤️ by the Zen team.
-      <Link
+      <a
         href={"https://github.com/zen-browser"}
         target="_blank"
         className="mt-5 md:mt-0 md:ml-2 font-bold"
diff --git a/src/components/mobile-nav.tsx b/src/components/mobile-nav.tsx
index 89017f3..4bbe301 100644
--- a/src/components/mobile-nav.tsx
+++ b/src/components/mobile-nav.tsx
@@ -94,7 +94,7 @@ function MobileLink({
 }: MobileLinkProps) {
    const router = useRouter()
    return (
-      <Link
+      <a
          href={href}
          onClick={() => {
             router.push(href.toString())
diff --git a/src/components/navigation.tsx b/src/components/navigation.tsx
index 4136370..92ba5c1 100644
--- a/src/components/navigation.tsx
+++ b/src/components/navigation.tsx
@@ -64,7 +64,7 @@ export function Navigation() {
               <ul className="grid gap-3 p-6 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]">
                 <li className="row-span-3">
                   <NavigationMenuLink asChild>
-                    <Link
+                    <a
                       className="flex h-full w-full select-none flex-col justify-end rounded-md bg-gradient-to-b from-muted/50 to-muted p-6 no-underline outline-none focus:shadow-md"
                       href="/"
                     >
diff --git a/src/components/release-note.tsx b/src/components/release-note.tsx
index b7d248b..049c8bd 100644
--- a/src/components/release-note.tsx
+++ b/src/components/release-note.tsx
@@ -15,7 +15,7 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
         </p>
         <p className="text-md mt-4 text-muted-foreground">
           If you encounter any issues, please report them on{" "}
-          <Link
+          <a
             href="https://github.com/zen-browser/desktop/issues/"
             className="text-underline text-blue-500"
           >
@@ -81,7 +81,7 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
                 <li key={index} className="mt-1 text-muted-foreground">
                   {fix.description}
                   {fix.issue && (
-                    <Link
+                    <a
                       href={`https://github.com/zen-browser/desktop/issues/${fix.issue}`}
                       target="_blank"
                       className="ml-1 text-blue-500"