Added logic to color the preview <div> with the actual color selected.

maratbn · Aug 5, 2018 · b5c48ad · b5c48ad
1 parent eee3928
commit b5c48ad
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/webpack_in/entry.jsx b/webpack_in/entry.jsx
@@ -303,12 +303,15 @@ class ColorSelector extends React.Component {
       }
 
     render() {
+        const { color } = this.state;
+
         return (
             <div style={ objStyleCommon }>
               <div style={{ margin: '1em auto',
                             width: '70%',
                             height: '3em',
-                            border: 'solid 2px black' }} />
+                            border: 'solid 2px black',
+                            backgroundColor: `rgb(${color.r}, ${color.g}, ${color.b})`}} />
               <div style={{ marginTop: '-1em'}}>
                 <ColorComponentEntry label="R" value={ this.state.color.r } onChangeValue={
                     (value) => {