diff --git a/app/src/atoms/Slideout/MultiSlideout.stories.tsx b/app/src/atoms/Slideout/MultiSlideout.stories.tsx index 9fcb12f6f72..abe53b8f1bf 100644 --- a/app/src/atoms/Slideout/MultiSlideout.stories.tsx +++ b/app/src/atoms/Slideout/MultiSlideout.stories.tsx @@ -14,16 +14,13 @@ export default { const Template: Story> = args => { const [firstPage, setFirstPage] = React.useState(false) - const togglePage = () => { + const togglePage = (): void => { setFirstPage(prevState => !prevState) } - const Children = ( - - + const children = ( + <> + {firstPage ? 'first page body' : 'second page body'} @@ -33,22 +30,17 @@ const Template: Story> = args => { backgroundColor={COLORS.blue50} textTransform={TYPOGRAPHY.textTransformNone} > - + {firstPage ? 'Go to Second Page' : 'Go to First Page'} - + ) return ( - + + {children} + ) } diff --git a/app/src/atoms/Slideout/index.tsx b/app/src/atoms/Slideout/index.tsx index 03fcc0c9723..a3940f73727 100644 --- a/app/src/atoms/Slideout/index.tsx +++ b/app/src/atoms/Slideout/index.tsx @@ -179,7 +179,7 @@ export const Slideout = (props: SlideoutProps): JSX.Element => { flexDirection={DIRECTION_COLUMN} justifyContent={JUSTIFY_SPACE_BETWEEN} > - {multiSlideoutSpecs == null ? null : ( + {multiSlideoutSpecs === undefined ? null : ( {isCreatingRun ? ( - + ) : ( t('shared:proceed_to_setup') )} @@ -206,7 +205,7 @@ export function ChooseRobotToRunProtocolSlideoutComponent( {isCreatingRun ? ( - + ) : ( t('shared:confirm_values') )} @@ -214,7 +213,7 @@ export function ChooseRobotToRunProtocolSlideoutComponent( ) ) : ( - singlePageButtonWithoutFF + SinglePageButtonWithoutFF )} }