atmosphere explorer
pds.ls
tool
typescript
atproto
open account manager when clicking sign in homepage
+11
-5
+1
-2
src/auth/account.tsx
+1
-2
src/auth/account.tsx
···
17
17
retrieveSession,
18
18
saveSessionToStorage,
19
19
} from "./session-manager.js";
20
-
import { agent, sessions, setAgent, setSessions } from "./state.js";
20
+
import { agent, openManager, sessions, setAgent, setOpenManager, setSessions } from "./state.js";
21
21
22
22
const AccountDropdown = (props: { did: Did; onEditPermissions: (did: Did) => void }) => {
23
23
const removeSession = async (did: Did) => {
···
62
62
};
63
63
64
64
export const AccountManager = () => {
65
-
const [openManager, setOpenManager] = createSignal(false);
66
65
const [avatars, setAvatars] = createStore<Record<Did, string>>();
67
66
const [showingAddAccount, setShowingAddAccount] = createSignal(false);
68
67
+1
src/auth/state.ts
+1
src/auth/state.ts
+9
-3
src/views/home.tsx
+9
-3
src/views/home.tsx
···
1
1
import { A } from "@solidjs/router";
2
+
import { setOpenManager } from "../auth/state.js";
2
3
3
4
export const Home = () => {
4
5
return (
···
40
41
Track links to any record or repository
41
42
</span>
42
43
</a>
43
-
<div class="grid grid-cols-[auto_1fr] items-center gap-x-2.5 gap-y-0.5">
44
+
<button
45
+
onclick={() => setOpenManager(true)}
46
+
class="group grid cursor-pointer grid-cols-[auto_1fr] items-center gap-x-2.5 gap-y-0.5 text-left hover:text-blue-500 dark:hover:text-blue-400"
47
+
>
44
48
<div class="iconify lucide--user-round" />
45
-
<span>Sign in to manage your account</span>
49
+
<span class="underline decoration-transparent group-hover:decoration-current">
50
+
Sign in to manage your account
51
+
</span>
46
52
<div />
47
53
<span class="text-xs text-neutral-500 dark:text-neutral-400">
48
54
Create, edit, and delete records
49
55
</span>
50
-
</div>
56
+
</button>
51
57
</div>
52
58
</section>
53
59