-
+
{label}
+ { required && * }
{children}
@@ -26,6 +28,7 @@ FormField.defaultProps = {
children: null,
disabled: false,
style: {},
+ required: false,
isTextarea: false,
};
@@ -34,6 +37,7 @@ FormField.propTypes = {
children: PT.node,
disabled: PT.bool,
style: PT.object,
+ required: PT.bool,
isTextarea: PT.bool,
};
diff --git a/src/shared/components/Settings/FormField/styles.scss b/src/shared/components/Settings/FormField/styles.scss
index 9ad251ffb4..1ce9d20a82 100644
--- a/src/shared/components/Settings/FormField/styles.scss
+++ b/src/shared/components/Settings/FormField/styles.scss
@@ -30,6 +30,11 @@
color: $color-black-60;
}
+ .required {
+ color: $member-red;
+ margin-left: 5px;
+ }
+
&.isTextarea {
top: 10px;
}
diff --git a/src/shared/components/Settings/ProfileSettings/Hobbies/index.jsx b/src/shared/components/Settings/ProfileSettings/Hobbies/index.jsx
index 20fcdf93ac..59f283a31d 100644
--- a/src/shared/components/Settings/ProfileSettings/Hobbies/index.jsx
+++ b/src/shared/components/Settings/ProfileSettings/Hobbies/index.jsx
@@ -32,7 +32,7 @@ const Hobbies = (props) => {