fix: use !! syntax

stoplightio · Jan 28, 2019 · c12ef9a · c12ef9a
1 parent b33ec37
commit c12ef9a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/Checkbox.tsx b/src/Checkbox.tsx
@@ -9,8 +9,8 @@ import { Box, Flex, IBox, useTheme } from './';
 export const Checkbox: FunctionComponent<ICheckbox> = props => {
   const { id, disabled: isDisabled, onChange, ...rest } = props;
 
-  const [checked, setValue] = useState<boolean>(props.checked || false);
-  const isChecked = props.hasOwnProperty('checked') ? props.checked || false : checked;
+  const [checked, setValue] = useState<boolean>(!!props.checked);
+  const isChecked = props.hasOwnProperty('checked') ? !!props.checked : checked;
 
   const css = checkboxStyles({ isDisabled, isChecked });
 

diff --git a/src/Toggle.tsx b/src/Toggle.tsx
@@ -35,8 +35,8 @@ const circleStyles = ({ isChecked }: IToggleCircleProps) => {
 export const Toggle: FunctionComponent<IToggle> = props => {
   const { id, disabled: isDisabled, onChange, ...rest } = props;
 
-  const [checked, setValue] = useState<boolean>(props.checked || false);
-  const isChecked = props.hasOwnProperty('checked') ? props.checked || false : checked;
+  const [checked, setValue] = useState<boolean>(!!props.checked);
+  const isChecked = props.hasOwnProperty('checked') ? !!props.checked : checked;
 
   const css = toggleStyles({ isDisabled, isChecked });