Fix warnings: add keys in colours story.

twisty · Sep 30, 2018 · 1060d76 · 1060d76
1 parent 1db48d6
commit 1060d76
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/stories/index.js b/stories/index.js
@@ -199,49 +199,53 @@ stories
     );
   })
   .addWithJSX('Colours', () => {
-    const colours = [
+    const schemes = [
       {
+        name: 'option-1',
         ringBgColour: '#EDCA8A',
         ringFgColour: '#674509',
         ringIntermediateColour: '#AA8239',
         backgroundColour: '#FFE0A9',
         pageBackgroundColour: '#FFE0A9',
       },
       {
+        name: 'option-2',
         ringBgColour: '#ffffff',
         ringFgColour: '#639A88',
         ringIntermediateColour: '#91CC7A',
         backgroundColour: '#eeeeee',
         pageBackgroundColour: '#eeeeee',
       },
       {
+        name: 'option-3',
         ringBgColour: '#7C90A0',
         ringFgColour: '#B5AA9D',
         ringIntermediateColour: '#B9B7A7',
         backgroundColour: '#747274',
         pageBackgroundColour: '#747274',
       },
     ];
-    return colours.map(options => (
+    return schemes.map(scheme => (
       <div
+        key={scheme.name}
         style={{
           float: 'left',
           width: 100,
           height: 100,
           padding: 15,
           margin: 5,
-          backgroundColor: options.pageBackgroundColour,
+          backgroundColor: scheme.pageBackgroundColour,
         }}
       >
         <RadialProgress
           step={10}
           steps={10}
           width="100%"
           height="100%"
-          ringBgColour={options.ringBgColour}
-          ringFgColour={options.ringFgColour}
-          ringIntermediateColour={options.ringIntermediateColour}
-          backgroundColour={options.backgroundColour}
+          ringBgColour={scheme.ringBgColour}
+          ringFgColour={scheme.ringFgColour}
+          ringIntermediateColour={scheme.ringIntermediateColour}
+          backgroundColour={scheme.backgroundColour}
           backgroundTransparent={false}
           showIntermediateProgress={true}
           segmented={false}