wassname/Open-Assistant
1
0
Fork 0
mirror of https://github.com/wassname/Open-Assistant.git synced 2026-09-10 11:41:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add configurable colorScheme

Browse Source
This commit is contained in:
klotske
2023-01-13 19:20:01 +03:00
parent 76cdab9876
commit f4742585cb
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/src/components/Survey/LabelSimpleGroup.tsx
+4 -3
View File
@@ -25,8 +25,8 @@ export const LabelSimpleGroup = (props: LabelSimpleGroupProps) => {
setLabelValues(newState); setLabelValues(newState);
}} }}
states={[ states={[
{ text: "No", value: 0 }, { text: "No", value: 0, colorScheme: "green" },
{ text: "Yes", value: 1 }, { text: "Yes", value: 1, colorScheme: "red" },
]} ]}
isDisabled={props.isDisabled} isDisabled={props.isDisabled}
/> />
@@ -38,6 +38,7 @@ export const LabelSimpleGroup = (props: LabelSimpleGroupProps) => {
interface ButtonState { interface ButtonState {
text: string; text: string;
value: number; value: number;
colorScheme: string;
} }
interface LabelSimpleItemProps { interface LabelSimpleItemProps {
@@ -63,7 +64,7 @@ const LabelSimpleItem = (props: LabelSimpleItemProps) => {
<Flex direction="row" gap={6} justify="center"> <Flex direction="row" gap={6} justify="center">
{props.states.map((item, idx) => ( {props.states.map((item, idx) => (
<Button <Button
colorScheme={item.value === props.labelValue ? "green" : "gray"} colorScheme={item.value === props.labelValue ? item.colorScheme : "gray"}
isDisabled={props.isDisabled} isDisabled={props.isDisabled}
size="lg" size="lg"
key={idx} key={idx}