chore(web): cleanup routing utilities

Signed-off-by: Jordan Shatford <[email protected]>
jordanshatford · Sep 27, 2023 · 0096e3e · 0096e3e
1 parent e390318
commit 0096e3e
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 19 deletions.
diff --git a/apps/web/src/lib/components/Logo.svelte b/apps/web/src/lib/components/Logo.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { RoutePathConstants } from '$lib/utils/route';
+	import { RoutePathConstants } from '$lib/routes';
 </script>
 
 <a class="focus:outline-none" href={RoutePathConstants.SEARCH}>

diff --git a/apps/web/src/lib/utils/route.ts → apps/web/src/lib/routes.ts b/apps/web/src/lib/utils/route.ts → apps/web/src/lib/routes.ts
@@ -1,4 +1,5 @@
 import { DownloadIcon, GearIcon, MagnifyingGlassIcon, type IconSource } from '@yd/ui';
+
 export class RoutePathConstants {
 	public static SEARCH = '/';
 	public static DOWNLOADS = '/downloads';
@@ -7,7 +8,7 @@ export class RoutePathConstants {
 	public static TERMS_OF_USE = '/terms';
 }
 
-export const links: { href: string; text: string; icon?: IconSource }[] = [
+export const navbarLinks: { href: string; text: string; icon?: IconSource }[] = [
 	{
 		text: 'Search',
 		href: RoutePathConstants.SEARCH,
@@ -24,3 +25,14 @@ export const links: { href: string; text: string; icon?: IconSource }[] = [
 		icon: GearIcon
 	}
 ];
+
+export const footerLinks: { href: string; text: string }[] = [
+	{
+		href: RoutePathConstants.FAQ,
+		text: 'faq'
+	},
+	{
+		href: RoutePathConstants.TERMS_OF_USE,
+		text: 'terms of use'
+	}
+];
diff --git a/apps/web/src/routes/+error.svelte b/apps/web/src/routes/+error.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { onMount } from 'svelte';
 	import { goto } from '$app/navigation';
-	import { RoutePathConstants } from '$lib/utils/route';
+	import { RoutePathConstants } from '$lib/routes';
 	onMount(() => goto(RoutePathConstants.SEARCH));
 </script>
diff --git a/apps/web/src/routes/+layout.svelte b/apps/web/src/routes/+layout.svelte
@@ -14,7 +14,7 @@
 	import { session } from '$lib/stores/session';
 	import { downloads } from '$lib/stores/downloads';
 	import config from '$lib/config';
-	import { RoutePathConstants, links } from '$lib/utils/route';
+	import { navbarLinks, footerLinks } from '$lib/routes';
 	import Logo from '$lib/components/Logo.svelte';
 
 	// Use session as token when making requests with client
@@ -35,7 +35,7 @@
 <div class="h-full min-h-screen dark:bg-zinc-900">
 	{#if $session}
 		<div class="h-full">
-			<NavBar {links} activeLink={$page.url.pathname}>
+			<NavBar links={navbarLinks} activeLink={$page.url.pathname}>
 				<Logo slot="logo" />
 				<ThemeToggle slot="right" />
 			</NavBar>
@@ -47,17 +47,4 @@
 		<Loading />
 	{/if}
 </div>
-<Footer
-	copyright={config.copyright}
-	links={[
-		{
-			href: RoutePathConstants.FAQ,
-			text: 'faq'
-		},
-		{
-			href: RoutePathConstants.TERMS_OF_USE,
-			text: 'terms of use'
-		}
-	]}
-	githubLink={config.github}
-/>
+<Footer copyright={config.copyright} links={footerLinks} githubLink={config.github} />