···

       
1
       
 
       
import { Client, CredentialManager } from "@atcute/client";

     

       
2
       
 
       
import { Did } from "@atcute/lexicons";

     

       
3
       
 
       
import { deleteStoredSession, getSession, OAuthUserAgent } from "@atcute/oauth-browser-client";

     

       
0
       
 
       

     

       
4
       
 
       
import { createSignal, For, onMount, Show } from "solid-js";

     

       
5
       
 
       
import { createStore } from "solid-js/store";

     

       
6
       
 
       
import { resolveDidDoc } from "../utils/api.js";

     
···

       
75
       
 
       
          <div class="mb-3 max-h-[20rem] overflow-y-auto md:max-h-[25rem]">

     

       
76
       
 
       
            <For each={Object.keys(sessions)}>

     

       
77
       
 
       
              {(did) => (

     

       
78
       
-
       
                <div class="flex items-center gap-1">

     

       
79
       
 
       
                  <div class="flex w-full items-center justify-between gap-x-2 rounded-lg hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600">

     

       
80
       
 
       
                    <button

     

       
81
       
 
       
                      class="flex basis-full items-center justify-between gap-1 truncate p-1"

     
···

       
87
       
 
       
                      </Show>

     

       
88
       
 
       
                    </button>

     

       
89
       
 
       
                  </div>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
90
       
 
       
                  <button

     

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

     

       
92
       
-
       
                    class="flex items-center p-1 hover:text-red-500 hover:dark:text-red-400"

     

       
93
       
 
       
                  >

     

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

     

       
95
       
 
       
                  </button>

     

···

       
1
       
 
       
import { Client, CredentialManager } from "@atcute/client";

     

       
2
       
 
       
import { Did } from "@atcute/lexicons";

     

       
3
       
 
       
import { deleteStoredSession, getSession, OAuthUserAgent } from "@atcute/oauth-browser-client";

     

       
4
       
+
       
import { A } from "@solidjs/router";

     

       
5
       
 
       
import { createSignal, For, onMount, Show } from "solid-js";

     

       
6
       
 
       
import { createStore } from "solid-js/store";

     

       
7
       
 
       
import { resolveDidDoc } from "../utils/api.js";

     
···

       
76
       
 
       
          <div class="mb-3 max-h-[20rem] overflow-y-auto md:max-h-[25rem]">

     

       
77
       
 
       
            <For each={Object.keys(sessions)}>

     

       
78
       
 
       
              {(did) => (

     

       
79
       
+
       
                <div class="flex items-center">

     

       
80
       
 
       
                  <div class="flex w-full items-center justify-between gap-x-2 rounded-lg hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600">

     

       
81
       
 
       
                    <button

     

       
82
       
 
       
                      class="flex basis-full items-center justify-between gap-1 truncate p-1"

     
···

       
88
       
 
       
                      </Show>

     

       
89
       
 
       
                    </button>

     

       
90
       
 
       
                  </div>

     

       
91
       
+
       
                  <A

     

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

     

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

     

       
94
       
+
       
                    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"

     

       
95
       
+
       
                  >

     

       
96
       
+
       
                    <span class="iconify lucide--book-user"></span>

     

       
97
       
+
       
                  </A>

     

       
98
       
 
       
                  <button

     

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

     

       
100
       
+
       
                    class="flex items-center p-2 hover:text-red-500 hover:dark:text-red-400"

     

       
101
       
 
       
                  >

     

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

     

       
103
       
 
       
                  </button>