be7b6c2 · bridge · git.iko.soy

on master help sign in

Display eject symbol for logout action

be7b6c2Fang7 years ago

src/components/MiniBackButton.js+7−5

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

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

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

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

8+ return (

8− <IconButton {...rest}>

9+ <IconButton {...rest}>

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

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

10− </IconButton>

11+ </IconButton>

11−);

12+ );

13+};

src/components/View.js+2

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

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

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

31+ const backIsLogout = size === 2;

32 return (

33 return (

33 <Flex

34 <Flex

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

52 <MiniBackButton

53 <MiniBackButton

53 hpadding={!isMobile}

54 hpadding={!isMobile}

54 vpadding={isMobile}

55 vpadding={isMobile}

56+ isExit={backIsLogout}

55 onClick={goBack}

57 onClick={goBack}

56 />

58 />

57 )}

59 )}