forked from
pds.ls/pdsls
atproto explorer
PDS submenu
+15
-19
+14
-18
src/views/pds.tsx
+14
-18
src/views/pds.tsx
···
5
5
import { A, useLocation, useParams } from "@solidjs/router";
6
6
import { createResource, createSignal, For, Show } from "solid-js";
7
7
import { Button } from "../components/button";
8
+
import { CopyMenu, DropdownMenu, MenuProvider, NavMenu } from "../components/dropdown";
8
9
import { Modal } from "../components/modal";
9
10
import { setPDS } from "../components/navbar";
10
11
import Tooltip from "../components/tooltip";
11
-
import { addToClipboard } from "../utils/copy";
12
12
import { localDateFromTimestamp } from "../utils/date";
13
13
14
14
const LIMIT = 1000;
···
133
133
<Tab tab="repos" label="Repositories" />
134
134
<Tab tab="info" label="Info" />
135
135
</div>
136
-
<div class="flex gap-1">
137
-
<Tooltip text="Copy PDS">
138
-
<button
139
-
onClick={() => addToClipboard(params.pds)}
140
-
class="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"
141
-
>
142
-
<span class="iconify lucide--copy"></span>
143
-
</button>
144
-
</Tooltip>
145
-
<Tooltip text="Firehose">
146
-
<A
136
+
<MenuProvider>
137
+
<DropdownMenu
138
+
icon="lucide--ellipsis-vertical"
139
+
buttonClass="rounded-sm p-1"
140
+
menuClass="top-8 p-2 text-sm"
141
+
>
142
+
<CopyMenu copyContent={params.pds} label="Copy PDS" icon="lucide--copy" />
143
+
<NavMenu
147
144
href={`/firehose?instance=wss://${params.pds}`}
148
-
class="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"
149
-
>
150
-
<span class="iconify lucide--radio-tower"></span>
151
-
</A>
152
-
</Tooltip>
153
-
</div>
145
+
label="Firehose"
146
+
icon="lucide--radio-tower"
147
+
/>
148
+
</DropdownMenu>
149
+
</MenuProvider>
154
150
</div>
155
151
<div class="flex flex-col gap-1 px-2">
156
152
<Show when={!location.hash || location.hash === "#repos"}>