Fixed paging. Updated edit props.

This commit is contained in:
Mike Cao 2024-02-05 15:32:36 -08:00
parent d392e500c6
commit b9825304c3
10 changed files with 32 additions and 46 deletions

View file

@ -20,3 +20,9 @@
text-align: right;
margin-right: 10px;
}
.name {
color: var(--font-color200);
background: var(--base75);
padding: var(--size300) var(--size600);
}

View file

@ -4,7 +4,6 @@ import { useRouter } from 'next/navigation';
import Icons from 'components/icons';
import { useMessages, useLogin, useLocale } from 'components/hooks';
import { CURRENT_VERSION } from 'lib/constants';
import Avatar from 'components/common/Avatar';
import styles from './ProfileButton.module.css';
export function ProfileButton() {
@ -34,12 +33,7 @@ export function ProfileButton() {
<Popup position="bottom" alignment={dir === 'rtl' ? 'start' : 'end'}>
{(close: () => void) => (
<Menu onSelect={key => handleSelect(key, close)} className={styles.menu}>
<Item key="user" className={styles.item}>
<Icon size="lg">
<Avatar value={user.id} />
</Icon>
<Text>{user.username}</Text>
</Item>
<Text className={styles.name}>{user.username}</Text>
<Item key="profile" className={styles.item} divider={true}>
<Icon>
<Icons.User />