vielle.dev
forked from
pds.ls/pdsls
atproto explorer
add cid to collection list
juli.ee
+8
-5
src/views/collection.tsx
+8
-5
src/views/collection.tsx
···
18
18
19
19
interface AtprotoRecord {
20
20
rkey: string;
21
+
cid: string;
21
22
record: InferXRPCBodyOutput<ComAtprotoRepoGetRecord.mainSchema["output"]>;
22
23
timestamp: number | undefined;
23
24
toDelete: boolean;
···
45
46
onmouseover={() => setHover(true)}
46
47
onmouseleave={() => setHover(false)}
47
48
>
48
-
<span class="text-sm text-blue-400 sm:text-base">{props.record.rkey}</span>
49
+
<span class="shrink-0 text-sm text-blue-400 sm:text-base">{props.record.rkey}</span>
50
+
<span class="ml-1 truncate text-xs text-neutral-500 dark:text-neutral-400" dir="rtl">
51
+
{props.record.cid}
52
+
</span>
49
53
<Show when={props.record.timestamp && props.record.timestamp <= Date.now()}>
50
-
<span class="ml-1 text-xs text-neutral-500 dark:text-neutral-400">
51
-
{localDateFromTimestamp(props.record.timestamp!)}
52
-
</span>
54
+
<span class="ml-1 shrink-0 text-xs">{localDateFromTimestamp(props.record.timestamp!)}</span>
53
55
</Show>
54
56
<Show when={hover()}>
55
57
<span
···
99
101
const rkey = record.uri.split("/").pop()!;
100
102
tmpRecords.push({
101
103
rkey: rkey,
104
+
cid: record.cid,
102
105
record: record,
103
106
timestamp: TID.validate(rkey) ? TID.parse(rkey).timestamp / 1000 : undefined,
104
107
toDelete: false,
···
319
322
</Show>
320
323
</div>
321
324
</StickyOverlay>
322
-
<div class="flex max-w-full flex-col font-mono">
325
+
<div class="flex max-w-full flex-col px-2 font-mono">
323
326
<For
324
327
each={records.filter((rec) =>
325
328
filter() ? JSON.stringify(rec.record.value).includes(filter()!) : true,