27 lines
725 B
TypeScript
27 lines
725 B
TypeScript
import React from 'react';
|
|
import { FormattedMessage } from 'react-intl';
|
|
|
|
import { Widget, Stack } from 'soapbox/components/ui';
|
|
|
|
import ProfileField from './profile-field';
|
|
|
|
import type { Account } from 'soapbox/types/entities';
|
|
|
|
interface IProfileFieldsPanel {
|
|
account: Account,
|
|
}
|
|
|
|
/** Custom profile fields for sidebar. */
|
|
const ProfileFieldsPanel: React.FC<IProfileFieldsPanel> = ({ account }) => {
|
|
return (
|
|
<Widget title={<FormattedMessage id='profile_fields_panel.title' defaultMessage='Profile fields' />}>
|
|
<Stack space={4}>
|
|
{account.fields.map((field, i) => (
|
|
<ProfileField field={field} key={i} />
|
|
))}
|
|
</Stack>
|
|
</Widget>
|
|
);
|
|
};
|
|
|
|
export default ProfileFieldsPanel;
|