fix: add default color for not valid value

openedx · Oct 11, 2023 · e326fb2 · e326fb2
1 parent f284985
commit e326fb2
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/ColorPicker/index.jsx b/src/ColorPicker/index.jsx
@@ -65,14 +65,14 @@ function ColorPicker({
           className="pgn__color-modal rounded shadow"
           style={{ textAlign: 'start' }}
         >
-          <HexColorPicker color={color || ''} onChange={setColor} />
+          <HexColorPicker color={hexValid ? color : '#105B3A'} onChange={setColor} />
           <Form.Group className="pgn__hex-form" size="sm">
             <div>
               <Form.Label className="pgn__hex-label">Hex</Form.Label>
               <Form.Control
                 className="pgn__hex-field"
                 isInvalid={!hexValid}
-                value={color}
+                value={hexValid ? color : '#105B3A'}
                 onChange={(e) => validateHex(e.target.value)}
                 data-testid="hex-input"
               />