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 Link from "../../link";
|
||||
|
||||
const ADSelectorRow = props => {
|
||||
const { label, isChecked, style, onChange, onSelect, isMultiSelect, isSelected } = props;
|
||||
class ADSelectorRow extends React.Component {
|
||||
render() {
|
||||
const {
|
||||
label,
|
||||
isChecked,
|
||||
style,
|
||||
onChange,
|
||||
onSelect,
|
||||
isMultiSelect,
|
||||
isSelected
|
||||
} = this.props;
|
||||
|
||||
return (
|
||||
<div className={`option ${isSelected && 'selected'}`} style={style}>
|
||||
{isMultiSelect ? (
|
||||
<Checkbox
|
||||
label={label}
|
||||
isChecked={isChecked}
|
||||
className="option_checkbox"
|
||||
onChange={onChange}
|
||||
/>
|
||||
) : (
|
||||
<Link
|
||||
as="span"
|
||||
truncate={true}
|
||||
className="option_link"
|
||||
onClick={onSelect}
|
||||
>
|
||||
{label}
|
||||
</Link>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
console.log("ADSelectorRow render", label, isChecked);
|
||||
|
||||
return (
|
||||
<div className={`option ${isSelected && "selected"}`} style={style}>
|
||||
{isMultiSelect ? (
|
||||
<Checkbox
|
||||
label={label}
|
||||
isChecked={isChecked}
|
||||
className="option_checkbox"
|
||||
onChange={onChange}
|
||||
/>
|
||||
) : (
|
||||
<Link
|
||||
as="span"
|
||||
truncate={true}
|
||||
className="option_link"
|
||||
onClick={onSelect}
|
||||
>
|
||||
{label}
|
||||
</Link>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
ADSelectorRow.propTypes = {
|
||||
label: PropTypes.string,
|
||||
|
Loading…
Reference in New Issue
Block a user