diff --git a/src/containers/ProfileSettingsForm/ProfileSettingsForm.css b/src/containers/ProfileSettingsForm/ProfileSettingsForm.css index 24e1eaba..30d89982 100644 --- a/src/containers/ProfileSettingsForm/ProfileSettingsForm.css +++ b/src/containers/ProfileSettingsForm/ProfileSettingsForm.css @@ -276,6 +276,10 @@ width: calc(66% - 9px); } +.bioInfo { + color: var(--matterColorAnti); +} + .submitButton { margin-top: 24px; } diff --git a/src/containers/ProfileSettingsForm/ProfileSettingsForm.js b/src/containers/ProfileSettingsForm/ProfileSettingsForm.js index 1d15e5ea..0e9596d7 100644 --- a/src/containers/ProfileSettingsForm/ProfileSettingsForm.js +++ b/src/containers/ProfileSettingsForm/ProfileSettingsForm.js @@ -146,6 +146,14 @@ class ProfileSettingsFormComponent extends Component { }); const lastNameRequired = validators.required(lastNameRequiredMessage); + // Bio + const bioLabel = intl.formatMessage({ + id: 'ProfileSettingsForm.bioLabel', + }); + const bioPlaceholder = intl.formatMessage({ + id: 'ProfileSettingsForm.bioPlaceholder', + }); + const uploadingOverlay = uploadInProgress || this.state.uploadDelay ? (
@@ -241,7 +249,7 @@ class ProfileSettingsFormComponent extends Component {
-
+

@@ -266,6 +274,21 @@ class ProfileSettingsFormComponent extends Component { />
+
+

+ +

+ +

+ +

+
{submitError}