admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fixes before deploy (#1167)

Browse Source
This commit is contained in:
Charles Bochet
2023-08-11 00:09:52 +02:00
committed by GitHub
parent 5300952b1a
commit fb0f9b7807
10 changed files with 75 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
front/src/modules/ui/input/checkbox/components/Checkbox.tsx
View File

@ -38,6 +38,7 @@ const StyledInput = styled.input<{
variant: CheckboxVariant;
indeterminate?: boolean;
shape?: CheckboxShape;
isChecked: boolean;
}>`
cursor: pointer;
margin: 0;
@ -79,9 +80,11 @@ const StyledInput = styled.input<{
width: var(--size);
}
&:checked + label:before {
background: ${({ theme }) => theme.color.blue};
border-color: ${({ theme }) => theme.color.blue};
& + label:before {
background: ${({ theme, isChecked }) =>
isChecked ? theme.color.blue : 'inherit'};
border-color: ${({ theme, isChecked }) =>
isChecked ? theme.color.blue : 'inherit'};
}
& + label > svg {
@ -112,7 +115,6 @@ export function Checkbox({
React.useEffect(() => {
setIsInternalChecked(checked);
}, [checked]);
function handleChange(value: boolean) {
onChange?.(value);
setIsInternalChecked(!isInternalChecked);
@ -130,6 +132,7 @@ export function Checkbox({
variant={variant}
checkboxSize={size}
shape={shape}
isChecked={isInternalChecked}
onChange={(event) => handleChange(event.target.checked)}
/>
<label htmlFor="checkbox">