forked from
pds.ls/pdsls
atmosphere explorer
add did preview to PDS page
+13
-6
+13
-6
src/views/pds.tsx
+13
-6
src/views/pds.tsx
···
6
6
import { A, useLocation, useParams } from "@solidjs/router";
7
7
import { createResource, createSignal, For, Show } from "solid-js";
8
8
import { Button } from "../components/button";
9
+
import DidHoverCard from "../components/hover-card/did";
9
10
import { Modal } from "../components/modal";
10
11
import { setPDS } from "../components/navbar";
11
12
import Tooltip from "../components/tooltip";
···
67
68
68
69
return (
69
70
<div class="flex items-center gap-0.5">
70
-
<A
71
-
href={`/at://${repo.did}`}
72
-
class="grow truncate rounded-md p-0.5 font-mono hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
73
-
>
74
-
{repo.did}
75
-
</A>
71
+
<DidHoverCard
72
+
did={repo.did}
73
+
class="min-w-0 grow"
74
+
trigger={
75
+
<A
76
+
href={`/at://${repo.did}`}
77
+
class="block truncate rounded-md p-0.5 font-mono hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
78
+
>
79
+
{repo.did}
80
+
</A>
81
+
}
82
+
/>
76
83
<Show when={!repo.active}>
77
84
<Tooltip text={repo.status ?? "Unknown status"}>
78
85
<span class="iconify lucide--unplug text-red-500 dark:text-red-400"></span>