@coocoon/react-awesome-query-builder
Version:
User-friendly query builder for React. Demo: https://ukrbublik.github.io/react-awesome-query-builder
41 lines (38 loc) • 1.15 kB
JSX
import React from "react";
import uuid from "../../../../utils/uuid";
import { Button, ButtonGroup } from "reactstrap";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faTimes, faCheck } from "@fortawesome/free-solid-svg-icons";
export default (props) => {
const { value, setValue, config, labelYes, labelNo, readonly } = props;
const onRadioChange = (e) => setValue(e.target.value == "true");
const id = uuid(), id2 = uuid();
return (
<>
<ButtonGroup>
<Button
id={id}
value={true}
checked={!!value}
disabled={readonly}
color={value === true ? "success" : "secondary"}
onClick={onRadioChange}
size={"sm"}
>
<FontAwesomeIcon icon={faCheck} />
</Button>
<Button
id={id2}
value={false}
checked={!value}
disabled={readonly}
color={value === false ? "danger" : "secondary"}
onClick={onRadioChange}
size={"sm"}
>
<FontAwesomeIcon icon={faTimes} />
</Button>
</ButtonGroup>
</>
);
};