ui: fix whitespace in ChildCheckbox.js

This commit is contained in:
Mike Salvatore 2021-01-26 15:51:42 -05:00
parent 145a41ffcf
commit 32cdc034f3
1 changed files with 16 additions and 18 deletions

View File

@ -6,25 +6,23 @@ import {faCheckSquare} from '@fortawesome/free-solid-svg-icons';
import {faSquare} from '@fortawesome/free-regular-svg-icons'; import {faSquare} from '@fortawesome/free-regular-svg-icons';
function ChildCheckbox(props) { function ChildCheckbox(props) {
const { const {
onPaneClick, onPaneClick,
onClick, onClick,
value, value,
disabled, disabled,
label, label,
checkboxState checkboxState
} = props; } = props;
return ( return (
<Form.Group onClick={() => onPaneClick(value)}> <Form.Group onClick={() => onPaneClick(value)}>
<Button value={value} variant={'link'} disabled={disabled} onClick={() => onClick(value)}> <Button value={value} variant={'link'} disabled={disabled} onClick={() => onClick(value)}>
<FontAwesomeIcon icon={checkboxState ? faCheckSquare : faSquare}/> <FontAwesomeIcon icon={checkboxState ? faCheckSquare : faSquare}/>
</Button> </Button>
<span className={'option-text'}> <span className={'option-text'}>{label}</span>
{label} </Form.Group>
</span> );
</Form.Group>
);
} }
export default ChildCheckbox; export default ChildCheckbox;