feat(web): implement ui/link in navbar

beat-forge · Aug 10, 2023 · 8c5d244 · 8c5d244
1 parent 51abe60
commit 8c5d244
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/apps/web/src/lib/components/layout/NavBar.svelte b/apps/web/src/lib/components/layout/NavBar.svelte
@@ -1,11 +1,15 @@
-<div class="beatforge-page-navbar flex w-full items-center py-8 px-4 mx-auto max-w-7xl z-[100]">
+<script>
+	import { Link } from 'ui/link';
+</script>
+
+<div class="beatforge-page-navbar flex w-full items-center py-8 px-4 mx-auto max-w-7xl z-[100] text-sm font-bold">
 	<a href="/" class="flex items-center">
 		<img src="/images/logo.svg" draggable="false" alt="logo" class="h-12 p-3" />
 	</a>
 
 	<div class="ml-auto mr-4 flex flex-row gap-8 items-center">
-		<a href="https://discord.gg/HTVrjFENaZ" class="text-sm font-bold" target="_blank" rel="noopener"
-			>Discord</a
-		>
+		<Link variant="text" href="https://discord.gg/HTVrjFENaZ" external>
+			Discord
+		</Link>
 	</div>
 </div>