site: fix color tool, close ant-design#10265

homfen · Apr 27, 2018 · be43e56 · be43e56
1 parent 7f8f89c
commit be43e56
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/site/theme/template/Color/ColorPaletteTool.jsx b/site/theme/template/Color/ColorPaletteTool.jsx
@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import { FormattedMessage } from 'react-intl';
 import ColorPicker from './ColorPicker';
-import ColorPalettes from './ColorPatterns';
+import ColorPatterns from './ColorPatterns';
 
 // eslint-disable-next-line
 export default class ColorPaletteTool extends Component {
@@ -24,15 +24,19 @@ export default class ColorPaletteTool extends Component {
             <FormattedMessage id="app.docs.color.pick-primary" />
             <div className="color-palette-picker">
               <span style={{ display: 'inline-block' }}>
-                <ColorPicker type="chrome" color={this.state.primaryColor} onChange={this.handleChangeColor} />
+                <ColorPicker
+                  type="chrome"
+                  color={this.state.primaryColor}
+                  onChange={this.handleChangeColor}
+                />
               </span>
               <div className="color-palette-picker-value">
                 {this.state.primaryColor}
               </div>
             </div>
           </div>
           <div className="main-color">
-            <ColorPalettes color={this.state.primaryColor} />
+            <ColorPatterns color={this.state.primaryColor} />
           </div>
         </div>
       </div>

diff --git a/site/theme/template/Color/ColorPatterns.jsx b/site/theme/template/Color/ColorPatterns.jsx
@@ -4,6 +4,6 @@ import ColorBlock from './ColorBlock';
 
 export default function ColorPatterns({ color }) {
   return generate(color).map((colorString, i) => (
-    <ColorBlock color={colorString} index={i + 1} key={colorString} />
+    <ColorBlock color={colorString} index={i + 1} key={i} /> // eslint-disable-line
   ));
 }