Series color picker fix (#9442)

* colorpicker: fix spectrum color update on series color picker

* colorpicker: minor refactor

public/app/core/components/colorpicker/ColorPickerPopover.tsx

@@ -88,7 +88,7 @@ export class ColorPickerPopover extends React.Component<IProps, any> {
     );
     );
     const spectrumTab = (
     const spectrumTab = (
       <div id="spectrum">
       <div id="spectrum">
-        <GfSpectrumPicker color={this.props.color} onColorSelect={this.spectrumColorSelected.bind(this)} options={{}} />
+        <GfSpectrumPicker color={this.state.color} onColorSelect={this.spectrumColorSelected.bind(this)} options={{}} />
       </div>
       </div>
     );
     );
     const currentTab = this.state.tab === 'palette' ? paletteTab : spectrumTab;
     const currentTab = this.state.tab === 'palette' ? paletteTab : spectrumTab;

public/app/core/components/colorpicker/SeriesColorPicker.tsx

@@ -44,7 +44,7 @@ export class SeriesColorPicker extends React.Component<IProps, any> {
     return (
     return (
       <div className="graph-legend-popover">
       <div className="graph-legend-popover">
         {this.props.series && this.renderAxisSelection()}
         {this.props.series && this.renderAxisSelection()}
-        <ColorPickerPopover color="#7EB26D" onColorSelect={this.onColorChange} />
+        <ColorPickerPopover color={this.props.series.color} onColorSelect={this.onColorChange} />
       </div>
       </div>
     );
     );
   }
   }