forked from
pds.ls/pdsls
atproto explorer
change currently logged in account style
+5
-5
+5
-5
src/components/account.tsx
+5
-5
src/components/account.tsx
···
1
-
import { createSignal, onMount, For } from "solid-js";
1
+
import { createSignal, onMount, For, Show } from "solid-js";
2
2
import Tooltip from "./tooltip.jsx";
3
3
import { deleteStoredSession, getSession, OAuthUserAgent } from "@atcute/oauth-browser-client";
4
4
import { agent, Login, loginState, setLoginState } from "./login.jsx";
···
75
75
{(did) => (
76
76
<div class="group/select flex w-full items-center justify-between gap-x-2">
77
77
<button
78
-
classList={{
79
-
"bg-transparent basis-full text-left max-w-[32ch] truncate group-hover/select:bg-zinc-100 px-1 rounded dark:group-hover/select:bg-neutral-600": true,
80
-
"text-blue-500 dark:text-blue-400 font-bold": did === agent?.sub,
81
-
}}
78
+
class="flex max-w-[32ch] basis-full items-center justify-between truncate rounded bg-transparent px-1 text-left group-hover/select:bg-zinc-100 dark:group-hover/select:bg-neutral-600"
82
79
onclick={() => resumeSession(did as Did)}
83
80
>
84
81
{sessions[did]?.length ? sessions[did] : did}
82
+
<Show when={did === agent?.sub}>
83
+
<div class="i-lucide-check" />
84
+
</Show>
85
85
</button>
86
86
<button onclick={() => removeSession(did as Did)}>
87
87
<div class="i-lucide-x text-lg hover:text-red-500 hover:dark:text-red-400" />