atproto explorer pdsls.dev
atproto tool

change server icon

Changed files
+6 -6
src
components
views
+1 -1
src/components/navbar.tsx
···
<div class="flex min-h-[1.25rem] basis-full items-center gap-2">
<Tooltip text="PDS">
<button
-
class="iconify lucide--server shrink-0 text-lg"
+
class="iconify lucide--hard-drive shrink-0 text-lg"
onclick={() => addToClipboard(pds()!)}
></button>
</Tooltip>
+1 -1
src/views/home.tsx
···
<div>
<span class="font-semibold">Examples</span>
<div class="flex items-center gap-1">
-
<div class="iconify lucide--server" />
+
<div class="iconify lucide--hard-drive" />
<A href="/pds.kelinci.net" class="text-blue-400 hover:underline active:underline">
https://pds.kelinci.net
</A>
+4 -4
src/views/repo.tsx
···
title = diff.type === "rotation_key_added" ? "Rotation key added" : "Rotation key removed";
value = diff.rotation_key;
} else if (diff.type === "service_added" || diff.type === "service_removed") {
-
icon = "lucide--server";
+
icon = "lucide--hard-drive";
title = `Service ${diff.service_id} ${diff.type === "service_added" ? "added" : "removed"}`;
value = `${diff.service_endpoint}`;
} else if (diff.type === "service_changed") {
-
icon = "lucide--server";
+
icon = "lucide--hard-drive";
title = `Service ${diff.service_id} updated`;
value = `${diff.prev_service_endpoint} → ${diff.next_service_endpoint}`;
} else if (
···
<div class="dark:shadow-dark-900/80 dark:bg-dark-300 flex w-fit items-center rounded-full bg-white shadow-sm">
<FilterButton icon="iconify lucide--at-sign" event="handle" />
<FilterButton icon="iconify lucide--key-round" event="rotation_key" />
-
<FilterButton icon="iconify lucide--server" event="service" />
+
<FilterButton icon="iconify lucide--hard-drive" event="service" />
<FilterButton icon="iconify lucide--shield-check" event="verification_method" />
</div>
</div>
···
</div>
<div>
<div class="flex items-center gap-1">
-
<div class="iconify lucide--server" />
+
<div class="iconify lucide--hard-drive" />
<p class="font-semibold">Services</p>
</div>
<ul>