feat: added text overrides on Field

Signed-off-by: Haris Spahija <haris.spahija@pon.com>
reactioncommerce · Nov 21, 2019 · c81ed3d · c81ed3d
1 parent 4808ec2
commit c81ed3d
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/package/src/components/Field/v1/Field.js b/package/src/components/Field/v1/Field.js
@@ -66,7 +66,11 @@ class Field extends Component {
     isRequired: PropTypes.bool,
     label: PropTypes.node,
     labelClassName: PropTypes.string,
-    labelFor: PropTypes.string
+    labelFor: PropTypes.string,
+    /**
+     * The text for the "Optional" label text.
+     */
+    optionalLabelText: PropTypes.string,
   };
 
   static defaultProps = {
@@ -76,7 +80,8 @@ class Field extends Component {
     labelClassName: undefined,
     labelFor: undefined,
     isOptional: false,
-    isRequired: false
+    isRequired: false,
+    optionalLabelText: "Optional"
   };
 
   getClassName() {
@@ -87,12 +92,12 @@ class Field extends Component {
   }
 
   renderLabel() {
-    const { errors, label, labelClassName, labelFor, isOptional } = this.props;
+    const { errors, label, labelClassName, labelFor, isOptional, optionalLabelText } = this.props;
 
     return (
       <StyledLabel className={labelClassName} errors={errors} htmlFor={labelFor}>
         {label}
-        {isOptional ? " (Optional)" : null}
+        {isOptional ? ` (${optionalLabelText})` : null}
       </StyledLabel>
     );
   }