only show buttons in record view

src/components/json.tsx

···
               <VideoPlayer did={repo} cid={blob.ref.$link} />
             </ErrorBoundary>
           </Show>
-          <span
-            classList={{
-              "flex items-center justify-between gap-1": true,
-              "flex-col": !hide(),
-            }}
-          >
-            <Show when={blob.mimeType.startsWith("image/") || blob.mimeType === "video/mp4"}>
-              <Tooltip text={hide() ? "Show" : "Hide"}>
-                <button
-                  onclick={() => setHide(!hide())}
-                  class={`${!hide() ? "-mt-1 -ml-0.5" : ""} 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 text-base ${hide() ? "lucide--eye-off" : "lucide--eye"}`}
-                  ></span>
-                </button>
-              </Tooltip>
-            </Show>
-            <Show when={pds()}>
-              <Tooltip text="Blob on PDS">
-                <a
-                  href={`https://${pds()}/xrpc/com.atproto.sync.getBlob?did=${repo}&cid=${blob.ref.$link}`}
-                  target="_blank"
-                  class={`${!hide() ? "-mb-1 -ml-0.5" : ""} 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--external-link text-base"></span>
-                </a>
-              </Tooltip>
-            </Show>
-          </span>
+          <Show when={params.rkey}>
+            <span
+              classList={{
+                "flex items-center justify-between gap-1": true,
+                "flex-col": !hide(),
+              }}
+            >
+              <Show when={blob.mimeType.startsWith("image/") || blob.mimeType === "video/mp4"}>
+                <Tooltip text={hide() ? "Show" : "Hide"}>
+                  <button
+                    onclick={() => setHide(!hide())}
+                    class={`${!hide() ? "-mt-1 -ml-0.5" : ""} 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 text-base ${hide() ? "lucide--eye-off" : "lucide--eye"}`}
+                    ></span>
+                  </button>
+                </Tooltip>
+              </Show>
+              <Show when={pds()}>
+                <Tooltip text="Blob on PDS">
+                  <a
+                    href={`https://${pds()}/xrpc/com.atproto.sync.getBlob?did=${repo}&cid=${blob.ref.$link}`}
+                    target="_blank"
+                    class={`${!hide() ? "-mb-1 -ml-0.5" : ""} 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--external-link text-base"></span>
+                  </a>
+                </Tooltip>
+              </Show>
+            </span>
+          </Show>
         </span>
         {rawObj}
       </>