atmosphere explorer
pds.ls
tool
typescript
atproto
show service type in identity tab
+21
-2
+21
-2
src/views/repo.tsx
+21
-2
src/views/repo.tsx
···
574
574
{(service) => (
575
575
<div class="grid grid-cols-[auto_1fr] items-center gap-x-1 text-sm text-neutral-700 dark:text-neutral-300">
576
576
<span class="iconify lucide--hash"></span>
577
-
<span>{service.id.split("#")[1]}</span>
577
+
<div class="flex items-center gap-2">
578
+
<span>{service.id.split("#")[1]}</span>
579
+
<div class="flex items-center gap-1 text-neutral-500 dark:text-neutral-400">
580
+
<span
581
+
class="iconify text-xs"
582
+
classList={{
583
+
"lucide--hard-drive":
584
+
service.type === "AtprotoPersonalDataServer",
585
+
"lucide--tag": service.type === "AtprotoLabeler",
586
+
"lucide--rss": service.type === "BskyFeedGenerator",
587
+
"lucide--wrench": ![
588
+
"AtprotoPersonalDataServer",
589
+
"AtprotoLabeler",
590
+
"BskyFeedGenerator",
591
+
].includes(service.type.toString()),
592
+
}}
593
+
></span>
594
+
<span>{service.type}</span>
595
+
</div>
596
+
</div>
578
597
<span></span>
579
598
<a
580
599
class="w-fit underline hover:text-blue-500 dark:hover:text-blue-400"
···
605
624
<div class="flex items-center gap-2">
606
625
<span>{verif.id.split("#")[1]}</span>
607
626
<div class="flex items-center gap-1 text-neutral-500 dark:text-neutral-400">
608
-
<span class="iconify lucide--key-round"></span>
627
+
<span class="iconify lucide--key-round text-xs"></span>
609
628
<span>{detectKeyType(key())}</span>
610
629
</div>
611
630
</div>