atmosphere explorer
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

account manager pfp button

Juliet 4a9e7201 9b74179b

+20 -20
+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>