be7b6c2 · bridge · git.iko.soy

Display eject symbol for logout action

commitbe7b6c2c68136aa243855d96c200965171a8f1c1 authorFang <git@fang.io> dateFri 30 Aug 2019, 16:09 (7 years ago) parent46f190f

2 files changed+9−5

unifiedsplit

src/components/MiniBackButton.js+7−5

@@ -4,8 +4,10 @@ import { IconButton } from 'indigo-react';

55import { ReactComponent as Back } from 'assets/back.svg';

7−export default ({ className, ...rest }) => (

8− <IconButton {...rest}>

9− <Back className={cn('black', className)} />

10− </IconButton>

11−);

7+export default ({ className, isExit = false, ...rest }) => {

8+ return (

9+ <IconButton {...rest}>

10+ {isExit ? '⏏' : <Back className={cn('black', className)} />}

11+ </IconButton>

12+ );

13+};

src/components/View.js+2

@@ -28,6 +28,7 @@ function View({

2828 const goBack = useCallback(() => pop(), [pop]);

2929

3030 const showBackButton = size > 1 && !!pop;

31+ const backIsLogout = size === 2;

3132

3233 return (

3334 <Flex

@@ -52,6 +53,7 @@ function View({

5253 <MiniBackButton

5354 hpadding={!isMobile}

5455 vpadding={isMobile}

56+ isExit={backIsLogout}

5557 onClick={goBack}

5658 />

5759 )}