t1c.dev
forked from
pds.ls/pdsls
atproto explorer
move repo external links to submenu
handle.invalid
+7
-19
src/views/logs.tsx
+7
-19
src/views/logs.tsx
···
5
5
processIndexedEntryLog,
6
6
} from "@atcute/did-plc";
7
7
import { createResource, createSignal, For, Show } from "solid-js";
8
-
import Tooltip from "../components/tooltip.jsx";
9
8
import { localDateFromTimestamp } from "../utils/date.js";
10
9
import { createOperationHistory, DiffEntry, groupBy } from "../utils/plc-logs.js";
11
10
···
111
110
112
111
return (
113
112
<div class="flex w-full flex-col gap-2 wrap-anywhere">
114
-
<div class="flex items-center justify-between">
115
-
<div class="flex items-center gap-1">
116
-
<div class="iconify lucide--filter" />
117
-
<div class="dark:shadow-dark-700 dark:bg-dark-300 flex w-fit items-center rounded-full border-[0.5px] border-neutral-300 bg-neutral-50 shadow-xs dark:border-neutral-700">
118
-
<FilterButton icon="iconify lucide--at-sign" event="handle" />
119
-
<FilterButton icon="iconify lucide--key-round" event="rotation_key" />
120
-
<FilterButton icon="iconify lucide--hard-drive" event="service" />
121
-
<FilterButton icon="iconify lucide--shield-check" event="verification_method" />
122
-
</div>
113
+
<div class="flex items-center gap-1">
114
+
<div class="iconify lucide--filter" />
115
+
<div class="dark:shadow-dark-700 dark:bg-dark-300 flex w-fit items-center rounded-full border-[0.5px] border-neutral-300 bg-neutral-50 shadow-xs dark:border-neutral-700">
116
+
<FilterButton icon="iconify lucide--at-sign" event="handle" />
117
+
<FilterButton icon="iconify lucide--key-round" event="rotation_key" />
118
+
<FilterButton icon="iconify lucide--hard-drive" event="service" />
119
+
<FilterButton icon="iconify lucide--shield-check" event="verification_method" />
123
120
</div>
124
-
<Tooltip text="Audit log">
125
-
<a
126
-
href={`${localStorage.plcDirectory ?? "https://plc.directory"}/${props.did}/log/audit`}
127
-
target="_blank"
128
-
class="-mr-1 flex items-center rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
129
-
>
130
-
<span class="iconify lucide--external-link"></span>
131
-
</a>
132
-
</Tooltip>
133
121
</div>
134
122
<div class="flex flex-col gap-1 text-sm">
135
123
<For each={plcOps()}>
+23
-20
src/views/repo.tsx
+23
-20
src/views/repo.tsx
···
198
198
label="Jetstream"
199
199
icon="lucide--radio-tower"
200
200
/>
201
+
<NavMenu
202
+
href={
203
+
did.startsWith("did:plc") ?
204
+
`${localStorage.plcDirectory ?? "https://plc.directory"}/${did}`
205
+
: `https://${did.split("did:web:")[1]}/.well-known/did.json`
206
+
}
207
+
newTab
208
+
label="DID Document"
209
+
icon="lucide--external-link"
210
+
/>
211
+
<Show when={did.startsWith("did:plc")}>
212
+
<NavMenu
213
+
href={`${localStorage.plcDirectory ?? "https://plc.directory"}/${did}/log/audit`}
214
+
newTab
215
+
label="Audit Log"
216
+
icon="lucide--external-link"
217
+
/>
218
+
</Show>
201
219
<Show when={error()?.length === 0 || error() === undefined}>
202
220
<ActionMenu
203
221
label="Export Repo"
···
289
307
<Show when={didDoc()}>
290
308
{(didDocument) => (
291
309
<div class="flex flex-col gap-y-1 wrap-anywhere">
292
-
<div class="flex items-baseline justify-between gap-2">
293
-
<div>
294
-
<div class="flex items-center gap-1">
295
-
<div class="iconify lucide--id-card" />
296
-
<p class="font-semibold">ID</p>
297
-
</div>
298
-
<div class="text-sm">{didDocument().id}</div>
310
+
<div>
311
+
<div class="flex items-center gap-1">
312
+
<div class="iconify lucide--id-card" />
313
+
<p class="font-semibold">ID</p>
299
314
</div>
300
-
<Tooltip text="DID document">
301
-
<a
302
-
href={
303
-
did.startsWith("did:plc") ?
304
-
`${localStorage.plcDirectory ?? "https://plc.directory"}/${did}`
305
-
: `https://${did.split("did:web:")[1]}/.well-known/did.json`
306
-
}
307
-
target="_blank"
308
-
class="-mr-1 flex items-center rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
309
-
>
310
-
<span class="iconify lucide--external-link"></span>
311
-
</a>
312
-
</Tooltip>
315
+
<div class="text-sm">{didDocument().id}</div>
313
316
</div>
314
317
<div>
315
318
<div class="flex items-center gap-1">