olaren.dev / pdsls
forked from pds.ls/pdsls
atmosphere explorer
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

add timestamp to TID rkey

Juliet 7ef5f620 1d70eccf

+10 -1
+10 -1
src/components/navbar.tsx
··· 1 + import * as TID from "@atcute/tid"; 1 2 import { A, Params } from "@solidjs/router"; 2 3 import { createEffect, createSignal, Show } from "solid-js"; 3 4 import { isTouchDevice } from "../layout"; 4 5 import { didDocCache } from "../utils/api"; 5 6 import { addToClipboard } from "../utils/copy"; 7 + import { localDateFromTimestamp } from "../utils/date"; 6 8 import Tooltip from "./tooltip"; 7 9 8 10 export const [pds, setPDS] = createSignal<string>(); ··· 161 163 <Tooltip text="Record"> 162 164 <span class="iconify lucide--file-json text-neutral-500 transition-colors duration-200 group-hover:text-neutral-700 dark:text-neutral-400 dark:group-hover:text-neutral-200"></span> 163 165 </Tooltip> 164 - <span class="py-0.5 font-medium">{props.params.rkey}</span> 166 + <div class="flex min-w-0 gap-1 py-0.5 font-medium"> 167 + <span class="shrink-0">{props.params.rkey}</span> 168 + <Show when={TID.validate(props.params.rkey!)}> 169 + <span class="truncate text-neutral-500 dark:text-neutral-400"> 170 + ({localDateFromTimestamp(TID.parse(props.params.rkey!).timestamp / 1000)}) 171 + </span> 172 + </Show> 173 + </div> 165 174 </div> 166 175 <CopyButton 167 176 content={`at://${props.params.repo}/${props.params.collection}/${props.params.rkey}`}