bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

UsernameInput: reuse i18n message from nip05 profile field

Browse source
This commit is contained in:
Alex Gleason 2024-03-25 11:57:27 -05:00
parent bd552ab084
commit fb3af2f74b
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/features/edit-identity/index.tsx
View file

@ -10,6 +10,7 @@ interface IEditIdentity {
const messages = defineMessages({ const messages = defineMessages({
title: { id: 'settings.edit_identity', defaultMessage: 'Identity' }, title: { id: 'settings.edit_identity', defaultMessage: 'Identity' },
username: { id: 'edit_profile.fields.nip05_label', defaultMessage: 'Username' },
}); });
const identifiers = [ const identifiers = [
@ -36,7 +37,7 @@ const EditIdentity: React.FC<IEditIdentity> = () => {
onSelect={() => { /* TODO */ }} onSelect={() => { /* TODO */ }}
/> />
))} ))}
<ListItem label={<UsernameInput className='w-full' placeholder='Add new identity' />}> <ListItem label={<UsernameInput />}>
<Button theme='accent'>Add</Button> <Button theme='accent'>Add</Button>
</ListItem> </ListItem>
</List> </List>
@ -45,11 +46,12 @@ const EditIdentity: React.FC<IEditIdentity> = () => {
}; };
const UsernameInput: React.FC<React.ComponentProps<typeof Input>> = (props) => { const UsernameInput: React.FC<React.ComponentProps<typeof Input>> = (props) => {
const intl = useIntl();
const instance = useInstance(); const instance = useInstance();
return ( return (
<Input <Input
placeholder='Username' placeholder={intl.formatMessage(messages.username)}
append={( append={(
<HStack alignItems='center' space={1} className='rounded p-1 text-sm backdrop-blur'> <HStack alignItems='center' space={1} className='rounded p-1 text-sm backdrop-blur'>
<Icon className='h-4 w-4' src={require('@tabler/icons/at.svg')} /> <Icon className='h-4 w-4' src={require('@tabler/icons/at.svg')} />