+25 -11

src/components/navbar.tsx

reviewed

··· 49 49 <div class="group relative flex items-center justify-between gap-1 rounded-md border-[0.5px] border-transparent bg-transparent px-2 transition-all duration-200 hover:border-neutral-300 hover:bg-neutral-50/40 dark:hover:border-neutral-600 dark:hover:bg-neutral-800/40"> 50 50 <div class="flex min-h-6 basis-full items-center gap-2 sm:min-h-7"> 51 51 <Tooltip text="PDS"> 52 52 - <span class="iconify lucide--hard-drive shrink-0 text-neutral-500 transition-colors duration-200 group-hover:text-neutral-700 dark:text-neutral-400 dark:group-hover:text-neutral-200"></span> 52 52 + <span 53 53 + classList={{ 54 54 + "iconify shrink-0 transition-colors duration-200": true, 55 55 + "lucide--alert-triangle text-red-500 dark:text-red-400": pds() === "Missing PDS", 56 56 + "lucide--hard-drive text-neutral-500 group-hover:text-neutral-700 dark:text-neutral-400 dark:group-hover:text-neutral-200": 57 57 + pds() !== "Missing PDS", 58 58 + }} 59 59 + ></span> 53 60 </Tooltip> 54 61 <Show when={pds()}> 55 62 <Show 56 56 - when={props.params.repo} 57 57 - fallback={<span class="py-0.5 font-medium">{pds()}</span>} 63 63 + when={pds() === "Missing PDS"} 64 64 + fallback={ 65 65 + <Show 66 66 + when={props.params.repo} 67 67 + fallback={<span class="py-0.5 font-medium">{pds()}</span>} 68 68 + > 69 69 + <A 70 70 + end 71 71 + href={pds()!} 72 72 + inactiveClass="text-blue-400 py-0.5 w-full font-medium hover:text-blue-500 transition-colors duration-150 dark:hover:text-blue-300" 73 73 + > 74 74 + {pds()} 75 75 + </A> 76 76 + </Show> 77 77 + } 58 78 > 59 59 - <A 60 60 - end 61 61 - href={pds()!} 62 62 - inactiveClass="text-blue-400 py-0.5 w-full font-medium hover:text-blue-500 transition-colors duration-150 dark:hover:text-blue-300" 63 63 - > 64 64 - {pds()} 65 65 - </A> 79 79 + <span class="py-0.5 font-medium text-red-500 dark:text-red-400">{pds()}</span> 66 80 </Show> 67 81 </Show> 68 82 </div> 69 69 - <Show when={pds()}> 83 83 + <Show when={pds() && pds() !== "Missing PDS"}> 70 84 <CopyButton content={pds()!} label="Copy PDS" /> 71 85 </Show> 72 86 </div>

+3 -1

src/views/repo.tsx

reviewed

··· 21 21 MenuProvider, 22 22 NavMenu, 23 23 } from "../components/dropdown.jsx"; 24 24 + import { setPDS } from "../components/navbar.jsx"; 24 25 import { TextInput } from "../components/text-input.jsx"; 25 26 import Tooltip from "../components/tooltip.jsx"; 26 27 import { ··· 103 104 104 105 if (!pds) { 105 106 setError("Missing PDS"); 107 107 + setPDS("Missing PDS"); 106 108 return {}; 107 109 } 108 110 ··· 196 198 <RepoTab tab="backlinks" label="Backlinks" /> 197 199 </div> 198 200 <div class="flex gap-1"> 199 199 - <Show when={error()}> 201 201 + <Show when={error() && error() !== "Missing PDS"}> 200 202 <div class="flex items-center gap-1 text-red-500 dark:text-red-400"> 201 203 <span class="iconify lucide--alert-triangle"></span> 202 204 <span>{error()}</span>