commit 4a9e7201e4a60a624e616660c46d79508439e435 · pdsls.dev/pdsls

+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
       103
       -
                       <div class="flex items-center">

     

       103
       103
       +
                       <div class="flex w-full items-center justify-between">

     

       104
       104
       +
                         <A

     

       105
       105
       +
                           href={`/at://${did}`}

     

       106
       106
       +
                           onClick={() => setOpenManager(false)}

     

       107
       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
       108
       +
                         >

     

       109
       109
       +
                           <Show

     

       110
       110
       +
                             when={avatars[did as Did]}

     

       111
       111
       +
                             fallback={<span class="iconify lucide--user-round m-0.5 size-5"></span>}

     

       112
       112
       +
                           >

     

       113
       113
       +
                             <img

     

       114
       114
       +
                               src={avatars[did as Did].replace("img/avatar/", "img/avatar_thumbnail/")}

     

       115
       115
       +
                               class="size-6 rounded-full"

     

       116
       116
       +
                             />

     

       117
       117
       +
                           </Show>

     

       118
       118
       +
                         </A>

     

       104
       119
        
                         <button

     

       105
       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
       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
       108
       -
                           <span class="flex items-center gap-2 truncate">

     

       109
       109
       -
                             <Show when={avatars[did as Did]}>

     

       110
       110
       -
                               <img

     

       111
       111
       -
                                 src={avatars[did as Did].replace("img/avatar/", "img/avatar_thumbnail/")}

     

       112
       112
       -
                                 class="size-6 rounded-full"

     

       113
       113
       -
                               />

     

       114
       114
       -
                             </Show>

     

       115
       115
       -
                             <span class="truncate">

     

       116
       116
       -
                               {sessions[did]?.handle ? sessions[did].handle : did}

     

       117
       117
       -
                             </span>

     

       123
       123
       +
                           <span class="truncate">

     

       124
       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
       126
       -
                         <A

     

       127
       127
       -
                           href={`/at://${did}`}

     

       128
       128
       -
                           onClick={() => setOpenManager(false)}

     

       129
       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
       130
       -
                         >

     

       131
       131
       -
                           <span class="iconify lucide--user-round"></span>

     

       132
       132
       -
                         </A>

     

       133
       133
        
                         <button

     

       134
       134
        
                           onclick={() => removeSession(did as Did)}

     

       135
       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
       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>