vielle.dev
forked from
pds.ls/pdsls
atproto explorer
new errored repo warning
juli.ee
+30
-27
src/views/repo.tsx
+30
-27
src/views/repo.tsx
···
85
85
console.error(res.data.error);
86
86
switch (res.data.error) {
87
87
case "RepoDeactivated":
88
-
setError("This repository has been deactivated");
88
+
setError("Deactivated");
89
89
break;
90
90
case "RepoTakendown":
91
-
setError("This repository has been taken down");
91
+
setError("Takendown");
92
92
break;
93
93
default:
94
-
setError("This repository is unreachable");
94
+
setError("Unreachable");
95
95
}
96
96
navigate(`/at://${params.repo}#identity`);
97
97
}
···
145
145
return (
146
146
<Show when={repo()}>
147
147
<div class="flex w-full flex-col gap-2 break-words">
148
-
<Show when={error()}>
149
-
<div class="rounded-lg bg-red-100 p-2 text-sm text-red-700 dark:bg-red-200 dark:text-red-600">
150
-
{error()}
151
-
</div>
152
-
</Show>
153
148
<div
154
149
class={`dark:shadow-dark-800 dark:bg-dark-300 flex justify-between rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 px-2 py-1.5 text-sm shadow-xs dark:border-neutral-700`}
155
150
>
···
166
161
</Show>
167
162
<RepoTab tab="backlinks" label="Backlinks" />
168
163
</div>
169
-
<MenuProvider>
170
-
<DropdownMenu
171
-
icon="lucide--ellipsis-vertical"
172
-
buttonClass="rounded-sm p-1"
173
-
menuClass="top-8 p-2 text-sm"
174
-
>
175
-
<NavMenu
176
-
href={`/jetstream?dids=${params.repo}`}
177
-
label="Jetstream"
178
-
icon="lucide--radio-tower"
179
-
/>
180
-
<Show when={error()?.length === 0 || error() === undefined}>
181
-
<ActionMenu
182
-
label="Export Repo"
183
-
icon={downloading() ? "lucide--loader-circle animate-spin" : "lucide--download"}
184
-
onClick={() => downloadRepo()}
164
+
<div class="flex gap-1">
165
+
<Show when={error()}>
166
+
<div class="flex items-center gap-1 text-red-500 dark:text-red-400">
167
+
<span class="iconify lucide--alert-triangle"></span>
168
+
<span>{error()}</span>
169
+
</div>
170
+
</Show>
171
+
<MenuProvider>
172
+
<DropdownMenu
173
+
icon="lucide--ellipsis-vertical"
174
+
buttonClass="rounded-sm p-1"
175
+
menuClass="top-8 p-2 text-sm"
176
+
>
177
+
<NavMenu
178
+
href={`/jetstream?dids=${params.repo}`}
179
+
label="Jetstream"
180
+
icon="lucide--radio-tower"
185
181
/>
186
-
</Show>
187
-
</DropdownMenu>
188
-
</MenuProvider>
182
+
<Show when={error()?.length === 0 || error() === undefined}>
183
+
<ActionMenu
184
+
label="Export Repo"
185
+
icon={downloading() ? "lucide--loader-circle animate-spin" : "lucide--download"}
186
+
onClick={() => downloadRepo()}
187
+
/>
188
+
</Show>
189
+
</DropdownMenu>
190
+
</MenuProvider>
191
+
</div>
189
192
</div>
190
193
<div class="flex w-full flex-col gap-2 px-2">
191
194
<Show when={location.hash === "#logs"}>