vielle.dev / pdsls
forked from pds.ls/pdsls
atproto explorer
fork atom

move copy pds icon

handle.invalid edf06cd5 51b804ea

verified
+39 -26
unified split
+20 -18
src/components/navbar.tsx
··· 44 44 </Show> 45 45 </Show> 46 46 </div> 47 - <MenuProvider> 48 - <DropdownMenu 49 - icon="lucide--copy text-base" 50 - buttonClass="rounded p-0.5" 51 - menuClass="top-6 p-2 text-xs" 52 - > 53 - <Show when={pds()}> 54 - <CopyMenu copyContent={pds()!} label="Copy PDS" /> 55 - </Show> 56 - <Show when={props.params.repo}> 57 - <CopyMenu copyContent={props.params.repo} label="Copy DID" /> 58 - <CopyMenu 59 - copyContent={`at://${props.params.repo}${props.params.collection ? `/${props.params.collection}` : ""}${props.params.rkey ? `/${props.params.rkey}` : ""}`} 60 - label="Copy AT URI" 61 - /> 62 - </Show> 63 - </DropdownMenu> 64 - </MenuProvider> 47 + <Show when={props.params.repo}> 48 + <MenuProvider> 49 + <DropdownMenu 50 + icon="lucide--copy text-base" 51 + buttonClass="rounded p-0.5" 52 + menuClass="top-6 p-2 text-xs" 53 + > 54 + <Show when={pds()}> 55 + <CopyMenu copyContent={pds()!} label="Copy PDS" /> 56 + </Show> 57 + <Show when={props.params.repo}> 58 + <CopyMenu copyContent={props.params.repo} label="Copy DID" /> 59 + <CopyMenu 60 + copyContent={`at://${props.params.repo}${props.params.collection ? `/${props.params.collection}` : ""}${props.params.rkey ? `/${props.params.rkey}` : ""}`} 61 + label="Copy AT URI" 62 + /> 63 + </Show> 64 + </DropdownMenu> 65 + </MenuProvider> 66 + </Show> 65 67 </div> 66 68 <div class="flex flex-col flex-wrap"> 67 69 <Show when={props.params.repo}>
+19 -8
src/views/pds.tsx
··· 8 8 import { Modal } from "../components/modal"; 9 9 import { setPDS } from "../components/navbar"; 10 10 import Tooltip from "../components/tooltip"; 11 + import { addToClipboard } from "../utils/copy"; 11 12 import { localDateFromTimestamp } from "../utils/date"; 12 13 13 14 const LIMIT = 1000; ··· 132 133 <Tab tab="repos" label="Repositories" /> 133 134 <Tab tab="info" label="Info" /> 134 135 </div> 135 - <Tooltip text="Firehose"> 136 - <A 137 - href={`/firehose?instance=wss://${params.pds}`} 138 - 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" 139 - > 140 - <span class="iconify lucide--radio-tower"></span> 141 - </A> 142 - </Tooltip> 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 147 + 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> 143 154 </div> 144 155 <div class="flex flex-col gap-1 px-2"> 145 156 <Show when={!location.hash || location.hash === "#repos"}>