From f25de0cbde63d1bb53e0c5cc2ccf7646b0c56a58 Mon Sep 17 00:00:00 2001
From: gsovereignty <gsovereignty@proton.me>
Date: Wed, 12 Jun 2024 17:21:07 +0800
Subject: [PATCH] problem: invalid base path

---
 src/components/Menu.svelte         | 3 ++-
 src/layouts/SidePanelLayout.svelte | 3 ++-
 src/views/n00b/N00b.svelte         | 7 ++++---
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/Menu.svelte b/src/components/Menu.svelte
index 47c5950..0d6ea06 100644
--- a/src/components/Menu.svelte
+++ b/src/components/Menu.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { base } from '$app/paths';
 	import { page } from '$app/stores';
 	import { Badge } from '@/components/ui/badge';
 	import Separator from '@/components/ui/separator/separator.svelte';
@@ -19,7 +20,7 @@
 </script>
 
 <a
-	href="/rockets"
+	href="{base}/rockets"
 	class={getClass("rockets")}
 >
 	<Rocket class={iconClass} />
diff --git a/src/layouts/SidePanelLayout.svelte b/src/layouts/SidePanelLayout.svelte
index 0b79b43..191907a 100644
--- a/src/layouts/SidePanelLayout.svelte
+++ b/src/layouts/SidePanelLayout.svelte
@@ -11,6 +11,7 @@
     import { Rocket } from "lucide-svelte";
     import NewMenu from "../components/Menu.svelte";
     import RocketPillCard from "../components/RocketPillCard.svelte";
+	import { base } from "$app/paths";
 
     export let title = ""
   </script>
@@ -19,7 +20,7 @@
     <div class="hidden border-r bg-muted/40 md:block">
       <div class="flex h-full max-h-screen flex-col gap-2">
         <div class="flex h-14 items-center border-b px-4 lg:h-[60px] lg:px-6">
-          <a href="/" class="flex items-center gap-2 font-semibold">
+          <a href="{base}/" class="flex items-center gap-2 font-semibold">
             <Rocket class="h-6 w-6" />
             <span class="">Nostrocket LFG</span>
           </a>
diff --git a/src/views/n00b/N00b.svelte b/src/views/n00b/N00b.svelte
index b90d72d..145bbab 100644
--- a/src/views/n00b/N00b.svelte
+++ b/src/views/n00b/N00b.svelte
@@ -4,6 +4,7 @@
 	import { Button } from '$lib/components/ui/button/index.js';
 	import * as Card from '$lib/components/ui/card/index.js';
 	import { Switch } from '$lib/components/ui/switch/index.js';
+	import { base } from '$app/paths';
 
 	const notifications = [
 		{
@@ -29,7 +30,7 @@
 					<Card.Title>Proof of Work</Card.Title>
 					<Card.Description>I have skills, and I want sats.</Card.Description>
 				</Card.Header>
-        <img src="/a.png" />
+        <img src="{base}/a.png" />
 				<Card.Content class="grid gap-4">
 					<div>
 						<ul class="ml-6 list-disc [&>li]:mt-2">
@@ -51,7 +52,7 @@
 					<Card.Description>I have Sats, and I want a slice of a Rocket's satflow.</Card.Description
 					>
 				</Card.Header>
-        <img src="/scrooge.png" width="100%" />
+        <img src="{base}/scrooge.png" width="100%" />
 				<Card.Content class="grid gap-4">
 					<div>
 						<ul class="ml-6 list-disc [&>li]:mt-2">
@@ -76,7 +77,7 @@
 						>I have an open source project or product and I want other people to work on it with me.</Card.Description
 					>
 				</Card.Header>
-        <img src="/rocket.jpg" width="100%" />
+        <img src="{base}/rocket.jpg" width="100%" />
 				<Card.Content class="grid gap-4">
 					<div>
             <ul class="ml-6 list-disc [&>li]:mt-2">