Change to using arrow functions (#1603)

* Change to using arrow functions

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Matheus <matheus_benini@hotmail.com>

* Add lint rule

---------

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Matheus <matheus_benini@hotmail.com>
Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
gitstart-twenty
2023-09-16 02:41:10 +01:00
committed by GitHub
parent 549335054a
commit 00a3c8ca2b
575 changed files with 2848 additions and 3063 deletions

View File

@ -108,7 +108,7 @@ const StyledInput = styled.input<InputProps>`
}
`;
export function Checkbox({
export const Checkbox = ({
checked,
onChange,
onCheckedChange,
@ -116,7 +116,7 @@ export function Checkbox({
variant = CheckboxVariant.Primary,
size = CheckboxSize.Small,
shape = CheckboxShape.Squared,
}: OwnProps) {
}: OwnProps) => {
const [isInternalChecked, setIsInternalChecked] =
React.useState<boolean>(false);
@ -124,11 +124,11 @@ export function Checkbox({
setIsInternalChecked(checked);
}, [checked]);
function handleChange(event: React.ChangeEvent<HTMLInputElement>) {
const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
onChange?.(event);
onCheckedChange?.(event.target.checked);
setIsInternalChecked(event.target.checked);
}
};
return (
<StyledInputContainer>
@ -156,4 +156,4 @@ export function Checkbox({
</label>
</StyledInputContainer>
);
}
};