moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

EditProfile: add profile field placeholders

This commit is contained in:
Alex Gleason 2022-05-02 22:10:17 -05:00
parent 89b612e6bf
commit 6ed1ead7ef
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
app/soapbox/features/edit_profile/index.tsx
View File

@ -134,6 +134,7 @@ interface IProfileField {
}
const ProfileField: React.FC<IProfileField> = ({ value, onChange }) => {
const intl = useIntl();
const handleChange = (key: string): React.ChangeEventHandler<HTMLInputElement> => {
return e => {
@ -143,8 +144,20 @@ const ProfileField: React.FC<IProfileField> = ({ value, onChange }) => {
return (
<HStack space={2} grow>
<Input outerClassName='w-full flex-grow' type='text' value={value.name} onChange={handleChange('name')} />
<Input outerClassName='w-full flex-grow' type='text' value={value.value} onChange={handleChange('value')} />
<Input
type='text'
outerClassName='w-full flex-grow'
value={value.name}
onChange={handleChange('name')}
placeholder={intl.formatMessage(messages.metaFieldLabel)}
/>
<Input
type='text'
outerClassName='w-full flex-grow'
value={value.value}
onChange={handleChange('value')}
placeholder={intl.formatMessage(messages.metaFieldContent)}
/>
</HStack>
);
};