alice.pds.demo.boltless.dev
This repository has no description
web/components/shell: make Topbar use User instead of Avatar + <span>
Signed-off-by: eti <eti@eti.tf>
author
eti
date
(Aug 1, 2026, 12:02 AM +0200)
commit
5ecf538a
5ecf538a97efdc860ed3cbe658a0ba6c9868a56b
parent
704dbf63
704dbf63e2bc4aeece18177a607aff5bd6f2b5e1
+9
-11
+9
-11
web/src/lib/components/shell/Topbar.svelte
+9
-11
web/src/lib/components/shell/Topbar.svelte
···
1
1
<script lang="ts">
2
2
import { resolve } from "$app/paths";
3
-
import Avatar from "../ui/Avatar.svelte";
4
3
import Button from "../ui/Button.svelte";
5
4
import Dropdown from "../ui/Dropdown.svelte";
6
5
import DropdownItem from "../ui/DropdownItem.svelte";
···
13
12
import LogOut from "$icon/log-out";
14
13
import Plus from "$icon/plus";
15
14
import Search from "$icon/search";
16
-
import User from "$icon/user";
15
+
import UserIcon from "$icon/user";
17
16
import Spinner from "../ui/Spinner.svelte";
18
17
import Logo from "../ui/Logo.svelte";
18
+
import User from "../ui/User.svelte";
19
19
import TopbarSearch from "./TopbarSearch.svelte";
20
-
21
-
interface User {
22
-
handle: string;
23
-
did: string;
24
-
}
20
+
import type { CurrentUser } from "$lib/auth.svelte";
25
21
26
22
interface Props {
27
23
variant: "marketing" | "app";
28
24
onSignOut?: () => void | Promise<void>;
29
-
user: User | null;
25
+
user: CurrentUser | null;
30
26
loading?: boolean;
31
27
}
32
28
···
128
124
{:else if user}
129
125
<Dropdown id="profile-menu" group="topbar" align="right">
130
126
{#snippet trigger()}
131
-
<Avatar did={user.did} handle={user.handle} size="size-8 md:size-5" tiny />
132
-
<span class="hidden max-w-48 truncate md:inline">{user.handle}</span>
127
+
<User
128
+
did={user.did}
129
+
handle={user.handle}
130
+
/>
133
131
{/snippet}
134
-
<DropdownItem href={`/${user.handle}`} icon={User}>Profile</DropdownItem>
132
+
<DropdownItem href={`/${user.handle}`} icon={UserIcon}>Profile</DropdownItem>
135
133
<DropdownItem href={`/${user.handle}?tab=repos`} icon={BookMarked}>
136
134
Repositories
137
135
</DropdownItem>