From b15633ff82145ae75d5a0663eef44a78572861a1 Mon Sep 17 00:00:00 2001
From: Juliet <m@juli.ee>
Date: Sat, 18 Oct 2025 13:16:56 +0200
Subject: [PATCH] add fallback to show

---
 src/components/navbar.tsx | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
index 44ae116..07ba425 100644
--- a/src/components/navbar.tsx
+++ b/src/components/navbar.tsx
@@ -11,7 +11,7 @@ export const NavBar = (props: { params: Params }) => {
   const [handle, setHandle] = createSignal(props.params.repo);
   const [showHandle, setShowHandle] = createSignal(localStorage.showHandle === "true");
 
-  createEffect(async () => {
+  createEffect(() => {
     if (pds() !== undefined && props.params.repo) {
       const hdl =
         didDocCache[props.params.repo]?.alsoKnownAs
@@ -29,7 +29,7 @@ export const NavBar = (props: { params: Params }) => {
             <span class="iconify lucide--hard-drive shrink-0 text-base"></span>
           </Tooltip>
           <Show when={pds()}>
-            <Show when={props.params.repo}>
+            <Show when={props.params.repo} fallback={<span>{pds()}</span>}>
               <A
                 end
                 href={pds()!}
@@ -38,9 +38,6 @@ export const NavBar = (props: { params: Params }) => {
                 {pds()}
               </A>
             </Show>
-            <Show when={!props.params.repo}>
-              <span>{pds()}</span>
-            </Show>
           </Show>
         </div>
         <Show when={props.params.repo}>
@@ -116,7 +113,7 @@ export const NavBar = (props: { params: Params }) => {
             <Tooltip text="Collection">
               <span class="iconify lucide--folder-open text-base"></span>
             </Tooltip>
-            <Show when={props.params.rkey}>
+            <Show when={props.params.rkey} fallback={<span>{props.params.collection}</span>}>
               <A
                 end
                 href={`/at://${props.params.repo}/${props.params.collection}`}
@@ -125,9 +122,6 @@ export const NavBar = (props: { params: Params }) => {
                 {props.params.collection}
               </A>
             </Show>
-            <Show when={!props.params.rkey}>
-              <span>{props.params.collection}</span>
-            </Show>
           </div>
         </Show>
         <Show when={props.params.rkey}>
-- 
2.51.2