Merge pull request #45 from raqso/fix/changing-hex-input-doesnt-update-color

wangzuo · web-flow · commit f086a0a2af86 · 2020-07-29T15:44:10.000+08:00
Fix changing rgb and hsv when changing hex
diff --git a/src/color-picker.js b/src/color-picker.js
@@ -39,7 +39,9 @@ const ColorPicker = ({ color, onChange }) => {
   }
 
   function changeHex(hex) {
-    changeColor({ ...color, hex });
+    const {r, g, b} = hex2rgb(hex);
+    const {h, s, v} = rgb2hsv(r, g, b);
+    changeColor({ ...color, r, g, b, h, s, v, hex });
   }
 
   function handleHexKeyUp(e) {

Original file line number	Diff line number	Diff line change
`@@ -39,7 +39,9 @@ const ColorPicker = ({ color, onChange }) => {`
`39`	`39`	`}`
`40`	`40`
`41`	`41`	`function changeHex(hex) {`
`42`		`- changeColor({ ...color, hex });`
	`42`	`+ const {r, g, b} = hex2rgb(hex);`
	`43`	`+ const {h, s, v} = rgb2hsv(r, g, b);`
	`44`	`+ changeColor({ ...color, r, g, b, h, s, v, hex });`
`43`	`45`	`}`
`44`	`46`
`45`	`47`	`function handleHexKeyUp(e) {`