Added util function for voteColors.

CivicTechTO · Sep 23, 2024 · 3e9871c · 3e9871c
1 parent 08760d9
commit 3e9871c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/.storybook/utils.js b/.storybook/utils.js
@@ -0,0 +1,7 @@
+import * as globals from "../polis/client-report/src/components/globals";
+
+export const getVoteColors = () => ({
+  agree: globals.brandColors.agree,
+  disagree: globals.brandColors.disagree,
+  pass: globals.brandColors.pass,
+})
diff --git a/stories/client-report/framework/legend.stories.js b/stories/client-report/framework/legend.stories.js
@@ -3,6 +3,7 @@ import React from 'react'
 import '../../../polis/client-report/src/index.css';
 
 import Legend from '../../../polis/client-report/src/components/framework/legend'
+import { getVoteColors } from '../../../.storybook/utils'
 
 export default {
   title: 'Client-Report/Legend',
@@ -13,9 +14,5 @@ const Template = (args) => <Legend {...args} />
 
 export const Default = Template.bind({})
 Default.args = {
-  voteColors: {
-    "agree": "rgb(46, 204, 113)",
-    "disagree": "rgb(231, 76, 60)",
-    "pass": "rgb(230,230,230)"
-  },
+  voteColors: getVoteColors(),
 }