vielle.dev
forked from
pds.ls/pdsls
atproto explorer
readd go to repo button to account manager
handle.invalid
+10
-2
src/components/account.tsx
+10
-2
src/components/account.tsx
···
1
1
import { Client, CredentialManager } from "@atcute/client";
2
2
import { Did } from "@atcute/lexicons";
3
3
import { deleteStoredSession, getSession, OAuthUserAgent } from "@atcute/oauth-browser-client";
4
+
import { A } from "@solidjs/router";
4
5
import { createSignal, For, onMount, Show } from "solid-js";
5
6
import { createStore } from "solid-js/store";
6
7
import { resolveDidDoc } from "../utils/api.js";
···
75
76
<div class="mb-3 max-h-[20rem] overflow-y-auto md:max-h-[25rem]">
76
77
<For each={Object.keys(sessions)}>
77
78
{(did) => (
78
-
<div class="flex items-center gap-1">
79
+
<div class="flex items-center">
79
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">
80
81
<button
81
82
class="flex basis-full items-center justify-between gap-1 truncate p-1"
···
87
88
</Show>
88
89
</button>
89
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>
90
98
<button
91
99
onclick={() => removeSession(did as Did)}
92
-
class="flex items-center p-1 hover:text-red-500 hover:dark:text-red-400"
100
+
class="flex items-center p-2 hover:text-red-500 hover:dark:text-red-400"
93
101
>
94
102
<span class="iconify lucide--user-round-x"></span>
95
103
</button>