move copy pds icon

src/components/navbar.tsx

···
             </Show>
           </Show>
         </div>
-        <MenuProvider>
-          <DropdownMenu
-            icon="lucide--copy text-base"
-            buttonClass="rounded p-0.5"
-            menuClass="top-6 p-2 text-xs"
-          >
-            <Show when={pds()}>
-              <CopyMenu copyContent={pds()!} label="Copy PDS" />
-            </Show>
-            <Show when={props.params.repo}>
-              <CopyMenu copyContent={props.params.repo} label="Copy DID" />
-              <CopyMenu
-                copyContent={`at://${props.params.repo}${props.params.collection ? `/${props.params.collection}` : ""}${props.params.rkey ? `/${props.params.rkey}` : ""}`}
-                label="Copy AT URI"
-              />
-            </Show>
-          </DropdownMenu>
-        </MenuProvider>
+        <Show when={props.params.repo}>
+          <MenuProvider>
+            <DropdownMenu
+              icon="lucide--copy text-base"
+              buttonClass="rounded p-0.5"
+              menuClass="top-6 p-2 text-xs"
+            >
+              <Show when={pds()}>
+                <CopyMenu copyContent={pds()!} label="Copy PDS" />
+              </Show>
+              <Show when={props.params.repo}>
+                <CopyMenu copyContent={props.params.repo} label="Copy DID" />
+                <CopyMenu
+                  copyContent={`at://${props.params.repo}${props.params.collection ? `/${props.params.collection}` : ""}${props.params.rkey ? `/${props.params.rkey}` : ""}`}
+                  label="Copy AT URI"
+                />
+              </Show>
+            </DropdownMenu>
+          </MenuProvider>
+        </Show>
       </div>
       <div class="flex flex-col flex-wrap">
         <Show when={props.params.repo}>

src/views/pds.tsx

···
 import { Modal } from "../components/modal";
 import { setPDS } from "../components/navbar";
 import Tooltip from "../components/tooltip";
+import { addToClipboard } from "../utils/copy";
 import { localDateFromTimestamp } from "../utils/date";
 
 const LIMIT = 1000;
···
             <Tab tab="repos" label="Repositories" />
             <Tab tab="info" label="Info" />
           </div>
-          <Tooltip text="Firehose">
-            <A
-              href={`/firehose?instance=wss://${params.pds}`}
-              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"
-            >
-              <span class="iconify lucide--radio-tower"></span>
-            </A>
-          </Tooltip>
+          <div class="flex gap-1">
+            <Tooltip text="Copy PDS">
+              <button
+                onClick={() => addToClipboard(params.pds)}
+                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"
+              >
+                <span class="iconify lucide--copy"></span>
+              </button>
+            </Tooltip>
+            <Tooltip text="Firehose">
+              <A
+                href={`/firehose?instance=wss://${params.pds}`}
+                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"
+              >
+                <span class="iconify lucide--radio-tower"></span>
+              </A>
+            </Tooltip>
+          </div>
         </div>
         <div class="flex flex-col gap-1 px-2">
           <Show when={!location.hash || location.hash === "#repos"}>