···

       
479
       
 
       
      </Modal>

     

       
480
       
 
       
      <Tooltip text={`${props.create ? "Create" : "Edit"} record`}>

     

       
481
       
 
       
        <button

     

       
482
       
-
       
          class={`flex items-center p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600 ${props.create ? "rounded-lg" : "rounded-sm"}`}

     

       
483
       
 
       
          onclick={() => {

     

       
484
       
 
       
            setNotice("");

     

       
485
       
 
       
            setOpenDialog(true);

     

···

       
479
       
 
       
      </Modal>

     

       
480
       
 
       
      <Tooltip text={`${props.create ? "Create" : "Edit"} record`}>

     

       
481
       
 
       
        <button

     

       
482
       
+
       
          class={`flex items-center ${props.create ? "p-1" : "p-1.5"} hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600 ${props.create ? "rounded-lg" : "rounded-sm"}`}

     

       
483
       
 
       
          onclick={() => {

     

       
484
       
 
       
            setNotice("");

     

       
485
       
 
       
            setOpenDialog(true);

     

···

       
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 content={params.pds} label="Copy PDS" icon="lucide--copy" />

     

···

       
136
       
 
       
          <MenuProvider>

     

       
137
       
 
       
            <DropdownMenu

     

       
138
       
 
       
              icon="lucide--ellipsis-vertical"

     

       
139
       
+
       
              buttonClass="rounded-sm p-1.5"

     

       
140
       
 
       
              menuClass="top-8 p-2 text-sm"

     

       
141
       
 
       
            >

     

       
142
       
 
       
              <CopyMenu content={params.pds} label="Copy PDS" icon="lucide--copy" />

     

···

       
199
       
 
       
            <RecordTab tab="backlinks" label="Backlinks" />

     

       
200
       
 
       
            <RecordTab tab="info" label="Info" error />

     

       
201
       
 
       
          </div>

     

       
202
       
-
       
          <div class="flex gap-1">

     

       
203
       
 
       
            <Show when={agent() && agent()?.sub === record()?.uri.split("/")[2]}>

     

       
204
       
 
       
              <RecordEditor create={false} record={record()?.value} refetch={refetch} />

     

       
205
       
 
       
              <Tooltip text="Delete">

     

       
206
       
 
       
                <button

     

       
207
       
-
       
                  class="flex items-center rounded-sm p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       
208
       
 
       
                  onclick={() => setOpenDelete(true)}

     

       
209
       
 
       
                >

     

       
210
       
 
       
                  <span class="iconify lucide--trash-2"></span>

     
···

       
228
       
 
       
            <MenuProvider>

     

       
229
       
 
       
              <DropdownMenu

     

       
230
       
 
       
                icon="lucide--ellipsis-vertical"

     

       
231
       
-
       
                buttonClass="rounded-sm p-1"

     

       
232
       
 
       
                menuClass="top-8 p-2 text-sm"

     

       
233
       
 
       
              >

     

       
234
       
 
       
                <CopyMenu

     

···

       
199
       
 
       
            <RecordTab tab="backlinks" label="Backlinks" />

     

       
200
       
 
       
            <RecordTab tab="info" label="Info" error />

     

       
201
       
 
       
          </div>

     

       
202
       
+
       
          <div class="flex gap-0.5">

     

       
203
       
 
       
            <Show when={agent() && agent()?.sub === record()?.uri.split("/")[2]}>

     

       
204
       
 
       
              <RecordEditor create={false} record={record()?.value} refetch={refetch} />

     

       
205
       
 
       
              <Tooltip text="Delete">

     

       
206
       
 
       
                <button

     

       
207
       
+
       
                  class="flex items-center rounded-sm p-1.5 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       
208
       
 
       
                  onclick={() => setOpenDelete(true)}

     

       
209
       
 
       
                >

     

       
210
       
 
       
                  <span class="iconify lucide--trash-2"></span>

     
···

       
228
       
 
       
            <MenuProvider>

     

       
229
       
 
       
              <DropdownMenu

     

       
230
       
 
       
                icon="lucide--ellipsis-vertical"

     

       
231
       
+
       
                buttonClass="rounded-sm p-1.5"

     

       
232
       
 
       
                menuClass="top-8 p-2 text-sm"

     

       
233
       
 
       
              >

     

       
234
       
 
       
                <CopyMenu

     

···

       
266
       
 
       
            </Show>

     

       
267
       
 
       
            <RepoTab tab="backlinks" label="Backlinks" />

     

       
268
       
 
       
          </div>

     

       
269
       
-
       
          <div class="flex gap-1">

     

       
270
       
 
       
            <Show when={error() && error() !== "Missing PDS"}>

     

       
271
       
 
       
              <div class="flex items-center gap-1 text-red-500 dark:text-red-400">

     

       
272
       
 
       
                <span class="iconify lucide--alert-triangle"></span>

     
···

       
276
       
 
       
            <Show when={!error() && (!location.hash || location.hash === "#collections")}>

     

       
277
       
 
       
              <Tooltip text="Filter collections">

     

       
278
       
 
       
                <button

     

       
279
       
-
       
                  class="flex items-center rounded-sm p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       
280
       
 
       
                  onClick={() => setShowFilter(!showFilter())}

     

       
281
       
 
       
                >

     

       
282
       
 
       
                  <span class="iconify lucide--filter"></span>

     
···

       
286
       
 
       
            <MenuProvider>

     

       
287
       
 
       
              <DropdownMenu

     

       
288
       
 
       
                icon="lucide--ellipsis-vertical"

     

       
289
       
-
       
                buttonClass="rounded-sm p-1"

     

       
290
       
 
       
                menuClass="top-8 p-2 text-sm"

     

       
291
       
 
       
              >

     

       
292
       
 
       
                <CopyMenu content={params.repo} label="Copy DID" icon="lucide--copy" />

     

···

       
266
       
 
       
            </Show>

     

       
267
       
 
       
            <RepoTab tab="backlinks" label="Backlinks" />

     

       
268
       
 
       
          </div>

     

       
269
       
+
       
          <div class="flex gap-0.5">

     

       
270
       
 
       
            <Show when={error() && error() !== "Missing PDS"}>

     

       
271
       
 
       
              <div class="flex items-center gap-1 text-red-500 dark:text-red-400">

     

       
272
       
 
       
                <span class="iconify lucide--alert-triangle"></span>

     
···

       
276
       
 
       
            <Show when={!error() && (!location.hash || location.hash === "#collections")}>

     

       
277
       
 
       
              <Tooltip text="Filter collections">

     

       
278
       
 
       
                <button

     

       
279
       
+
       
                  class="flex items-center rounded-sm p-1.5 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       
280
       
 
       
                  onClick={() => setShowFilter(!showFilter())}

     

       
281
       
 
       
                >

     

       
282
       
 
       
                  <span class="iconify lucide--filter"></span>

     
···

       
286
       
 
       
            <MenuProvider>

     

       
287
       
 
       
              <DropdownMenu

     

       
288
       
 
       
                icon="lucide--ellipsis-vertical"

     

       
289
       
+
       
                buttonClass="rounded-sm p-1.5"

     

       
290
       
 
       
                menuClass="top-8 p-2 text-sm"

     

       
291
       
 
       
              >

     

       
292
       
 
       
                <CopyMenu content={params.repo} label="Copy DID" icon="lucide--copy" />