From d8800d1b90568bb108e10ead09eee1acba16698f Mon Sep 17 00:00:00 2001
From: Michael Kinder <me@mwk.email>
Date: Mon, 19 Feb 2024 15:57:58 -0500
Subject: [PATCH] Add Link component to Header

---
 app/[locale]/Header.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/[locale]/Header.tsx b/app/[locale]/Header.tsx
index 6d56c85d..9c300cdb 100644
--- a/app/[locale]/Header.tsx
+++ b/app/[locale]/Header.tsx
@@ -1,4 +1,5 @@
 import { useTranslations } from "next-intl";
+import Link from "next/link";
 
 import Logo from "@/components/Logo";
 import { Button } from "@/components/ui/button";
@@ -58,13 +59,13 @@ export default function Header() {
         aria-label="Global"
       >
         <div className="flex lg:flex-1">
-          <a
+          <Link
             href="/"
             className="-m-1.5 p-1.5"
           >
             <span className="sr-only">{tGlobal("name")}</span>
             <Logo />
-          </a>
+          </Link>
         </div>
         <MobileNavigation
           darkModeSRText={tHeader("toggleTheme")}
@@ -76,9 +77,9 @@ export default function Header() {
         <DesktopNavigation translations={navigationTranslations} />
         <div className="hidden lg:flex lg:flex-1 lg:justify-end">
           <DarkModeToggle srText={tHeader("toggleTheme")} />
-          <a href="/download">
+          <Link href="/download">
             <Button className="p-5 ml-2">{tGlobal("download")}</Button>
-          </a>
+          </Link>
         </div>
       </nav>
     </header>