From f4742585cb7afffbc06ec08a9955a913e4d54c8e Mon Sep 17 00:00:00 2001
From: klotske <ilya@mokhov.vg>
Date: Fri, 13 Jan 2023 19:20:01 +0300
Subject: [PATCH] Add configurable colorScheme

---
 website/src/components/Survey/LabelSimpleGroup.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/website/src/components/Survey/LabelSimpleGroup.tsx b/website/src/components/Survey/LabelSimpleGroup.tsx
index 38ee967c..18980983 100644
--- a/website/src/components/Survey/LabelSimpleGroup.tsx
+++ b/website/src/components/Survey/LabelSimpleGroup.tsx
@@ -25,8 +25,8 @@ export const LabelSimpleGroup = (props: LabelSimpleGroupProps) => {
             setLabelValues(newState);
           }}
           states={[
-            { text: "No", value: 0 },
-            { text: "Yes", value: 1 },
+            { text: "No", value: 0, colorScheme: "green" },
+            { text: "Yes", value: 1, colorScheme: "red" },
           ]}
           isDisabled={props.isDisabled}
         />
@@ -38,6 +38,7 @@ export const LabelSimpleGroup = (props: LabelSimpleGroupProps) => {
 interface ButtonState {
   text: string;
   value: number;
+  colorScheme: string;
 }
 
 interface LabelSimpleItemProps {
@@ -63,7 +64,7 @@ const LabelSimpleItem = (props: LabelSimpleItemProps) => {
       <Flex direction="row" gap={6} justify="center">
         {props.states.map((item, idx) => (
           <Button
-            colorScheme={item.value === props.labelValue ? "green" : "gray"}
+            colorScheme={item.value === props.labelValue ? item.colorScheme : "gray"}
             isDisabled={props.isDisabled}
             size="lg"
             key={idx}