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}