hrefs to start with hash, fixes #87

bioimage-io · May 8, 2024 · da5f94e · da5f94e
1 parent 7af24ac
commit da5f94e
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/src/Main.svelte b/src/Main.svelte
@@ -46,7 +46,7 @@
             <Unplug /> Login system offline   
         </span>
         You will not be able to upload or chat.<br> 
-        You can still use the <a href="/uploader">Uploader</a> to create a resource locally. 
+        You can still use the <a href="#/uploader">Uploader</a> to create a resource locally. 
         <span slot="footer">
             If this problem persists, please contact a member of the BioImage.IO team or create an Issue.
         </span>

diff --git a/src/components/HamburgerMenu.svelte b/src/components/HamburgerMenu.svelte
@@ -26,8 +26,8 @@ button{
                     {#if $hypha_version}
                         <li><span style="font-family:monospace;">Hypha: {$hypha_version}</span></li>
                     {/if}
-                    <li><a href="/uploader" style="color: white;">New Upload</a></li>
-                    <li><a href="/status" style="color: white;">Overview</a></li>
+                    <li><a href="#/uploader" style="color: white;">New Upload</a></li>
+                    <li><a href="#/status" style="color: white;">Overview</a></li>
                     <li><LoginButton /></li>      
                 </ul>
             </nav>

diff --git a/src/components/Nav.svelte b/src/components/Nav.svelte
@@ -28,8 +28,8 @@
         <li><img style="height: 50px;" src="https://bioimage.io/static/img/bioimage-io-logo-white.svg" alt="BioImage.IO"><strong>{#if SANDBOX}SANDBOX{/if}</strong></li>
     </ul>
     <ul class="right-menu horizontal">
-        <li><a href="/uploader" style="color: white;">New Upload</a></li>
-        <li><a href="/status" style="color: white;">Overview</a></li>
+        <li><a href="#/uploader" style="color: white;">New Upload</a></li>
+        <li><a href="#/status" style="color: white;">Overview</a></li>
         <li>
             <LoginButton />
         </li>

diff --git a/src/components/Status.svelte b/src/components/Status.svelte
@@ -85,7 +85,7 @@
 {#each staged as {id, id_emoji, info, description, version_number}}
 
     <article>
-        <a href="/status/{id}/{version_number}">
+        <a href="#/status/{id}/{version_number}">
         <h2>{id_emoji} {id} ({version_number})</h2>
         </a>
         <p>{description}</p>
@@ -108,7 +108,7 @@
 <!--div class="grid" -->
 {#each published as {id, id_emoji, info, version_number, description}}
 <article>
-    <a href="/status/{id}">
+    <a href="#/status/{id}">
     <h2>{id_emoji} {id}</h2>
     </a>
     <p>{description}</p>