forked from
pds.ls/pdsls
atmosphere explorer
account manager pfp button
+20
-20
+20
-20
src/components/account.tsx
+20
-20
src/components/account.tsx
···
100
100
<div class="mb-3 max-h-80 overflow-y-auto md:max-h-100">
101
101
<For each={Object.keys(sessions)}>
102
102
{(did) => (
103
-
<div class="flex items-center">
103
+
<div class="flex w-full items-center justify-between">
104
+
<A
105
+
href={`/at://${did}`}
106
+
onClick={() => setOpenManager(false)}
107
+
class="flex items-center rounded-md p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
108
+
>
109
+
<Show
110
+
when={avatars[did as Did]}
111
+
fallback={<span class="iconify lucide--user-round m-0.5 size-5"></span>}
112
+
>
113
+
<img
114
+
src={avatars[did as Did].replace("img/avatar/", "img/avatar_thumbnail/")}
115
+
class="size-6 rounded-full"
116
+
/>
117
+
</Show>
118
+
</A>
104
119
<button
105
-
class="flex w-full items-center justify-between gap-1 truncate rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
120
+
class="flex grow items-center justify-between gap-1 truncate rounded-md p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
106
121
onclick={() => resumeSession(did as Did)}
107
122
>
108
-
<span class="flex items-center gap-2 truncate">
109
-
<Show when={avatars[did as Did]}>
110
-
<img
111
-
src={avatars[did as Did].replace("img/avatar/", "img/avatar_thumbnail/")}
112
-
class="size-6 rounded-full"
113
-
/>
114
-
</Show>
115
-
<span class="truncate">
116
-
{sessions[did]?.handle ? sessions[did].handle : did}
117
-
</span>
123
+
<span class="truncate">
124
+
{sessions[did]?.handle ? sessions[did].handle : did}
118
125
</span>
119
126
<Show when={did === agent()?.sub && sessions[did].signedIn}>
120
127
<span class="iconify lucide--check shrink-0 text-green-500 dark:text-green-400"></span>
···
123
130
<span class="iconify lucide--circle-alert shrink-0 text-red-500 dark:text-red-400"></span>
124
131
</Show>
125
132
</button>
126
-
<A
127
-
href={`/at://${did}`}
128
-
onClick={() => setOpenManager(false)}
129
-
class="flex items-center rounded-lg p-2 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
130
-
>
131
-
<span class="iconify lucide--user-round"></span>
132
-
</A>
133
133
<button
134
134
onclick={() => removeSession(did as Did)}
135
-
class="flex items-center rounded-lg p-2 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
135
+
class="flex items-center rounded-md p-2 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
136
136
>
137
137
<span class="iconify lucide--x"></span>
138
138
</button>