add icons
This commit is contained in:
@@ -31,8 +31,9 @@ import {LoadingPlaceholder} from '#/view/com/util/LoadingPlaceholder'
|
|||||||
import {PressableWithHover} from '#/view/com/util/PressableWithHover'
|
import {PressableWithHover} from '#/view/com/util/PressableWithHover'
|
||||||
import {UserAvatar} from '#/view/com/util/UserAvatar'
|
import {UserAvatar} from '#/view/com/util/UserAvatar'
|
||||||
import {NavSignupCard} from '#/view/shell/NavSignupCard'
|
import {NavSignupCard} from '#/view/shell/NavSignupCard'
|
||||||
import {atoms as a, useBreakpoints, useTheme} from '#/alf'
|
import {atoms as a, tokens, useBreakpoints, useTheme} from '#/alf'
|
||||||
import {Button, ButtonIcon, ButtonText} from '#/components/Button'
|
import {Button, ButtonIcon, ButtonText} from '#/components/Button'
|
||||||
|
import {ArrowBoxLeft_Stroke2_Corner0_Rounded as LeaveIcon} from '#/components/icons/ArrowBoxLeft'
|
||||||
import {
|
import {
|
||||||
Bell_Filled_Corner0_Rounded as BellFilled,
|
Bell_Filled_Corner0_Rounded as BellFilled,
|
||||||
Bell_Stroke2_Corner0_Rounded as Bell,
|
Bell_Stroke2_Corner0_Rounded as Bell,
|
||||||
@@ -57,6 +58,7 @@ import {
|
|||||||
Message_Stroke2_Corner0_Rounded as Message,
|
Message_Stroke2_Corner0_Rounded as Message,
|
||||||
Message_Stroke2_Corner0_Rounded_Filled as MessageFilled,
|
Message_Stroke2_Corner0_Rounded_Filled as MessageFilled,
|
||||||
} from '#/components/icons/Message'
|
} from '#/components/icons/Message'
|
||||||
|
import {PlusLarge_Stroke2_Corner0_Rounded as PlusIcon} from '#/components/icons/Plus'
|
||||||
import {
|
import {
|
||||||
SettingsGear2_Filled_Corner0_Rounded as SettingsFilled,
|
SettingsGear2_Filled_Corner0_Rounded as SettingsFilled,
|
||||||
SettingsGear2_Stroke2_Corner0_Rounded as Settings,
|
SettingsGear2_Stroke2_Corner0_Rounded as Settings,
|
||||||
@@ -168,7 +170,7 @@ function ProfileCard() {
|
|||||||
{otherAccounts?.map(other => (
|
{otherAccounts?.map(other => (
|
||||||
<Menu.Item
|
<Menu.Item
|
||||||
disabled={!!pendingDid}
|
disabled={!!pendingDid}
|
||||||
style={[a.gap_sm, {minWidth: 150}]}
|
style={[{minWidth: 150}]}
|
||||||
key={other.account.did}
|
key={other.account.did}
|
||||||
label={_(
|
label={_(
|
||||||
msg`Switch to ${sanitizeHandle(
|
msg`Switch to ${sanitizeHandle(
|
||||||
@@ -179,15 +181,17 @@ function ProfileCard() {
|
|||||||
onPress={() =>
|
onPress={() =>
|
||||||
onPressSwitchAccount(other.account, 'SwitchAccount')
|
onPressSwitchAccount(other.account, 'SwitchAccount')
|
||||||
}>
|
}>
|
||||||
<UserAvatar
|
<View style={[{marginLeft: tokens.space._2xs * -1}]}>
|
||||||
avatar={other.profile?.avatar}
|
<UserAvatar
|
||||||
size={20}
|
avatar={other.profile?.avatar}
|
||||||
type={
|
size={20}
|
||||||
other.profile?.associated?.labeler
|
type={
|
||||||
? 'labeler'
|
other.profile?.associated?.labeler
|
||||||
: 'user'
|
? 'labeler'
|
||||||
}
|
: 'user'
|
||||||
/>
|
}
|
||||||
|
/>
|
||||||
|
</View>
|
||||||
<Menu.ItemText>
|
<Menu.ItemText>
|
||||||
{sanitizeHandle(
|
{sanitizeHandle(
|
||||||
other.profile?.handle ?? other.account.handle,
|
other.profile?.handle ?? other.account.handle,
|
||||||
@@ -203,6 +207,7 @@ function ProfileCard() {
|
|||||||
<Menu.Item
|
<Menu.Item
|
||||||
label={_(msg`Add another account`)}
|
label={_(msg`Add another account`)}
|
||||||
onPress={onAddAnotherAccount}>
|
onPress={onAddAnotherAccount}>
|
||||||
|
<Menu.ItemIcon icon={PlusIcon} />
|
||||||
<Menu.ItemText>
|
<Menu.ItemText>
|
||||||
<Trans>Add another account</Trans>
|
<Trans>Add another account</Trans>
|
||||||
</Menu.ItemText>
|
</Menu.ItemText>
|
||||||
@@ -210,6 +215,7 @@ function ProfileCard() {
|
|||||||
<Menu.Item
|
<Menu.Item
|
||||||
label={_(msg`Sign out`)}
|
label={_(msg`Sign out`)}
|
||||||
onPress={signOutPromptControl.open}>
|
onPress={signOutPromptControl.open}>
|
||||||
|
<Menu.ItemIcon icon={LeaveIcon} />
|
||||||
<Menu.ItemText>
|
<Menu.ItemText>
|
||||||
<Trans>Sign out</Trans>
|
<Trans>Sign out</Trans>
|
||||||
</Menu.ItemText>
|
</Menu.ItemText>
|
||||||
|
|||||||
Reference in New Issue
Block a user