refactor: convert function expressions to declarations (#4926)

This commit is contained in:
Vladislav Shkodin
2021-02-08 20:01:21 +02:00
committed by GitHub
parent c0236536dd
commit 141a2eba56
241 changed files with 3444 additions and 2933 deletions

View File

@ -44,7 +44,7 @@ const ToggleBackground = styled.span`
background-color: ${colors.active};
`;
const Toggle = ({
function Toggle({
id,
active,
onChange,
@ -54,26 +54,28 @@ const Toggle = ({
Container = ToggleContainer,
Background = ToggleBackground,
Handle = ToggleHandle,
}) => (
<ReactToggled on={active} onToggle={onChange}>
{({ on, getTogglerProps }) => (
<Container
id={id}
onFocus={onFocus}
onBlur={onBlur}
className={className}
{...getTogglerProps({
role: 'switch',
'aria-checked': on.toString(),
'aria-expanded': null,
})}
>
<Background isActive={on} />
<Handle isActive={on} />
</Container>
)}
</ReactToggled>
);
}) {
return (
<ReactToggled on={active} onToggle={onChange}>
{({ on, getTogglerProps }) => (
<Container
id={id}
onFocus={onFocus}
onBlur={onBlur}
className={className}
{...getTogglerProps({
role: 'switch',
'aria-checked': on.toString(),
'aria-expanded': null,
})}
>
<Background isActive={on} />
<Handle isActive={on} />
</Container>
)}
</ReactToggled>
);
}
Toggle.propTypes = {
id: PropTypes.string,