web: Components: Formatted code
This commit is contained in:
parent
1ff4c9d80f
commit
5b9d02bcc3
@ -3,31 +3,43 @@ import PropTypes from "prop-types";
|
|||||||
import Checkbox from "../../checkbox";
|
import Checkbox from "../../checkbox";
|
||||||
import Link from "../../link";
|
import Link from "../../link";
|
||||||
|
|
||||||
const ADSelectorRow = props => {
|
class ADSelectorRow extends React.Component {
|
||||||
const { label, isChecked, style, onChange, onSelect, isMultiSelect, isSelected } = props;
|
render() {
|
||||||
|
const {
|
||||||
|
label,
|
||||||
|
isChecked,
|
||||||
|
style,
|
||||||
|
onChange,
|
||||||
|
onSelect,
|
||||||
|
isMultiSelect,
|
||||||
|
isSelected
|
||||||
|
} = this.props;
|
||||||
|
|
||||||
return (
|
console.log("ADSelectorRow render", label, isChecked);
|
||||||
<div className={`option ${isSelected && 'selected'}`} style={style}>
|
|
||||||
{isMultiSelect ? (
|
return (
|
||||||
<Checkbox
|
<div className={`option ${isSelected && "selected"}`} style={style}>
|
||||||
label={label}
|
{isMultiSelect ? (
|
||||||
isChecked={isChecked}
|
<Checkbox
|
||||||
className="option_checkbox"
|
label={label}
|
||||||
onChange={onChange}
|
isChecked={isChecked}
|
||||||
/>
|
className="option_checkbox"
|
||||||
) : (
|
onChange={onChange}
|
||||||
<Link
|
/>
|
||||||
as="span"
|
) : (
|
||||||
truncate={true}
|
<Link
|
||||||
className="option_link"
|
as="span"
|
||||||
onClick={onSelect}
|
truncate={true}
|
||||||
>
|
className="option_link"
|
||||||
{label}
|
onClick={onSelect}
|
||||||
</Link>
|
>
|
||||||
)}
|
{label}
|
||||||
</div>
|
</Link>
|
||||||
);
|
)}
|
||||||
};
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
ADSelectorRow.propTypes = {
|
ADSelectorRow.propTypes = {
|
||||||
label: PropTypes.string,
|
label: PropTypes.string,
|
||||||
|
Loading…
Reference in New Issue
Block a user