ansxor.ca
forked from
pds.ls/pdsls
atmosphere explorer
new account status style
handle.invalid
+19
-7
src/views/pds.tsx
+19
-7
src/views/pds.tsx
···
79
</span>
80
<Show when={!repo.active}>
81
<span class="flex shrink-0 items-center gap-1 text-red-500 dark:text-red-400">
82
-
<span class="iconify lucide--unplug"></span>
83
{repo.status ?? "inactive"}
84
</span>
85
</Show>
···
145
<For each={repos()}>{(repo) => <RepoCard {...repo} />}</For>
146
</div>
147
</Show>
148
-
<div class="flex flex-col gap-2">
149
<Show when={location.hash === "#info"}>
150
<Show when={version()}>
151
{(version) => (
···
160
<>
161
<div class="flex flex-col">
162
<span class="font-semibold">DID</span>
163
-
<span class="text-sm">{server().did}</span>
164
</div>
165
<div class="flex items-center gap-1">
166
<span class="font-semibold">Invite Code Required</span>
···
183
<div class="flex flex-col">
184
<span class="font-semibold">Available User Domains</span>
185
<For each={server().availableUserDomains}>
186
-
{(domain) => <span class="text-sm wrap-anywhere">{domain}</span>}
187
</For>
188
</div>
189
</Show>
···
192
<span class="font-semibold">Privacy Policy</span>
193
<a
194
href={server().links?.privacyPolicy}
195
-
class="text-sm hover:underline"
196
target="_blank"
197
rel="noopener"
198
>
···
205
<span class="font-semibold">Terms of Service</span>
206
<a
207
href={server().links?.termsOfService}
208
-
class="text-sm hover:underline"
209
target="_blank"
210
rel="noopener"
211
>
···
218
<span class="font-semibold">Contact</span>
219
<a
220
href={`mailto:${server().contact?.email}`}
221
-
class="text-sm hover:underline"
222
>
223
{server().contact?.email}
224
</a>
···
79
</span>
80
<Show when={!repo.active}>
81
<span class="flex shrink-0 items-center gap-1 text-red-500 dark:text-red-400">
82
+
<span
83
+
class={`iconify ${
84
+
repo.status === "deactivated" ? "lucide--user-round-x"
85
+
: repo.status === "takendown" ? "lucide--shield-ban"
86
+
: "lucide--unplug"
87
+
}`}
88
+
></span>
89
{repo.status ?? "inactive"}
90
</span>
91
</Show>
···
151
<For each={repos()}>{(repo) => <RepoCard {...repo} />}</For>
152
</div>
153
</Show>
154
+
<div class="flex flex-col gap-3">
155
<Show when={location.hash === "#info"}>
156
<Show when={version()}>
157
{(version) => (
···
166
<>
167
<div class="flex flex-col">
168
<span class="font-semibold">DID</span>
169
+
<span class="text-sm text-neutral-700 dark:text-neutral-300">
170
+
{server().did}
171
+
</span>
172
</div>
173
<div class="flex items-center gap-1">
174
<span class="font-semibold">Invite Code Required</span>
···
191
<div class="flex flex-col">
192
<span class="font-semibold">Available User Domains</span>
193
<For each={server().availableUserDomains}>
194
+
{(domain) => (
195
+
<span class="text-sm wrap-anywhere text-neutral-700 dark:text-neutral-300">
196
+
{domain}
197
+
</span>
198
+
)}
199
</For>
200
</div>
201
</Show>
···
204
<span class="font-semibold">Privacy Policy</span>
205
<a
206
href={server().links?.privacyPolicy}
207
+
class="text-sm text-neutral-700 hover:underline dark:text-neutral-300"
208
target="_blank"
209
rel="noopener"
210
>
···
217
<span class="font-semibold">Terms of Service</span>
218
<a
219
href={server().links?.termsOfService}
220
+
class="text-sm text-neutral-700 hover:underline dark:text-neutral-300"
221
target="_blank"
222
rel="noopener"
223
>
···
230
<span class="font-semibold">Contact</span>
231
<a
232
href={`mailto:${server().contact?.email}`}
233
+
class="text-sm text-neutral-700 hover:underline dark:text-neutral-300"
234
>
235
{server().contact?.email}
236
</a>
+8
-3
src/views/record.tsx
+8
-3
src/views/record.tsx
···
509
</ErrorBoundary>
510
</Show>
511
<Show when={location.hash === "#info"}>
512
-
<div class="flex w-full flex-col gap-2 px-2 text-sm">
513
<div>
514
<p class="font-semibold">AT URI</p>
515
-
<div class="truncate text-xs">{record()?.uri}</div>
516
</div>
517
<Show when={record()?.cid}>
518
<div>
519
<p class="font-semibold">CID</p>
520
-
<div class="truncate text-left text-xs" dir="rtl">
521
{record()?.cid}
522
</div>
523
</div>
···
509
</ErrorBoundary>
510
</Show>
511
<Show when={location.hash === "#info"}>
512
+
<div class="flex w-full flex-col gap-3 px-2">
513
<div>
514
<p class="font-semibold">AT URI</p>
515
+
<div class="truncate text-xs text-neutral-700 dark:text-neutral-300">
516
+
{record()?.uri}
517
+
</div>
518
</div>
519
<Show when={record()?.cid}>
520
<div>
521
<p class="font-semibold">CID</p>
522
+
<div
523
+
class="truncate text-left text-xs text-neutral-700 dark:text-neutral-300"
524
+
dir="rtl"
525
+
>
526
{record()?.cid}
527
</div>
528
</div>
+8
-2
src/views/repo.tsx
+8
-2
src/views/repo.tsx
···
325
</div>
326
<div class="flex gap-1">
327
<Show when={error() && error() !== "Missing PDS"}>
328
+
<div class="flex items-center gap-1.5 rounded-md border border-red-500 px-2 py-0.5 text-xs font-medium text-red-500 sm:text-sm dark:border-red-400 dark:text-red-400">
329
+
<span
330
+
class={`iconify ${
331
+
error() === "Deactivated" ? "lucide--user-round-x"
332
+
: error() === "Takendown" ? "lucide--shield-ban"
333
+
: "lucide--unplug"
334
+
}`}
335
+
></span>
336
<span>{error()}</span>
337
</div>
338
</Show>