atproto explorer

add cid to collection list

handle.invalid b28653b5 d541f51f

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