import React, { Component } from "react"; import ArrowRightAltIcon from "@material-ui/icons/ArrowRightAlt"; import { toast } from "react-toastify"; export default class RadioMessage extends Component { constructor(props) { super(props); this.state = { value: this.props.message.value, }; } handleRadioChange = (newValue) => { if (this.props.isActive) this.setState({ value: newValue, }); }; render() { const { message, isActive } = this.props; return (
{message.options.map((row) => ( ))}
{isActive && ( )}
); } } const Row = (props) => { return (
{props.list.map((item) => ( ))}
); }; const Item = (props) => { return (
props.handleRadioChange(props.item.name)} style={{ backgroundColor: props.item.name === props.value ? "#6f42c1" : "rgb(181 224 252 / 47%)", color: props.item.name === props.value ? "white" : "black", }} > {props.item.name}
); };