import React, { Component } from "react"; import ArrowRightAltIcon from "@material-ui/icons/ArrowRightAlt"; export default class RadioMessage extends Component { state = { value: this.props.message.value, }; handleRadioChange = (value) => { if (this.props.isActive) this.setState({ value }); }; render() { const { message, isActive, action } = this.props; const { value } = this.state; 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 ? "rgb(100, 205, 130)" : "rgba(255, 255, 255, 0.4)", color: props.item.name === props.value ? "white" : "black", }} > {props.item.name}
); };