+20 -18

src/components/navbar.tsx

reviewed

··· 44 44 </Show> 45 45 </Show> 46 46 </div> 47 47 - <MenuProvider> 48 48 - <DropdownMenu 49 49 - icon="lucide--copy text-base" 50 50 - buttonClass="rounded p-0.5" 51 51 - menuClass="top-6 p-2 text-xs" 52 52 - > 53 53 - <Show when={pds()}> 54 54 - <CopyMenu copyContent={pds()!} label="Copy PDS" /> 55 55 - </Show> 56 56 - <Show when={props.params.repo}> 57 57 - <CopyMenu copyContent={props.params.repo} label="Copy DID" /> 58 58 - <CopyMenu 59 59 - copyContent={`at://${props.params.repo}${props.params.collection ? `/${props.params.collection}` : ""}${props.params.rkey ? `/${props.params.rkey}` : ""}`} 60 60 - label="Copy AT URI" 61 61 - /> 62 62 - </Show> 63 63 - </DropdownMenu> 64 64 - </MenuProvider> 47 47 + <Show when={props.params.repo}> 48 48 + <MenuProvider> 49 49 + <DropdownMenu 50 50 + icon="lucide--copy text-base" 51 51 + buttonClass="rounded p-0.5" 52 52 + menuClass="top-6 p-2 text-xs" 53 53 + > 54 54 + <Show when={pds()}> 55 55 + <CopyMenu copyContent={pds()!} label="Copy PDS" /> 56 56 + </Show> 57 57 + <Show when={props.params.repo}> 58 58 + <CopyMenu copyContent={props.params.repo} label="Copy DID" /> 59 59 + <CopyMenu 60 60 + copyContent={`at://${props.params.repo}${props.params.collection ? `/${props.params.collection}` : ""}${props.params.rkey ? `/${props.params.rkey}` : ""}`} 61 61 + label="Copy AT URI" 62 62 + /> 63 63 + </Show> 64 64 + </DropdownMenu> 65 65 + </MenuProvider> 66 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

reviewed

··· 8 8 import { Modal } from "../components/modal"; 9 9 import { setPDS } from "../components/navbar"; 10 10 import Tooltip from "../components/tooltip"; 11 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 135 - <Tooltip text="Firehose"> 136 136 - <A 137 137 - href={`/firehose?instance=wss://${params.pds}`} 138 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 139 - > 140 140 - <span class="iconify lucide--radio-tower"></span> 141 141 - </A> 142 142 - </Tooltip> 136 136 + <div class="flex gap-1"> 137 137 + <Tooltip text="Copy PDS"> 138 138 + <button 139 139 + onClick={() => addToClipboard(params.pds)} 140 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 141 + > 142 142 + <span class="iconify lucide--copy"></span> 143 143 + </button> 144 144 + </Tooltip> 145 145 + <Tooltip text="Firehose"> 146 146 + <A 147 147 + href={`/firehose?instance=wss://${params.pds}`} 148 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 149 + > 150 150 + <span class="iconify lucide--radio-tower"></span> 151 151 + </A> 152 152 + </Tooltip> 153 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"}>