diff --git a/src/components/Onboarding/steps/GenuineCheck.js b/src/components/Onboarding/steps/GenuineCheck.js index b5a38185..7b366498 100644 --- a/src/components/Onboarding/steps/GenuineCheck.js +++ b/src/components/Onboarding/steps/GenuineCheck.js @@ -82,10 +82,12 @@ class GenuineCheck extends PureComponent { if (!item.pass) { this.setState(INITIAL_STATE) this.props.updateGenuineCheck({ - isGenuineFail: true, - recoveryStepPass: false, + displayErrorScreen: true, pinStepPass: false, + recoveryStepPass: false, + isGenuineFail: false, isDeviceGenuine: false, + genuineCheckUnavailable: null, }) } } @@ -116,6 +118,7 @@ class GenuineCheck extends PureComponent { isGenuineFail: true, isDeviceGenuine: false, genuineCheckUnavailable: null, + displayErrorScreen: true, }) }) } @@ -125,12 +128,13 @@ class GenuineCheck extends PureComponent { this.props.updateGenuineCheck({ isDeviceGenuine: false, genuineCheckUnavailable: error, + displayErrorScreen: false, }) }) } redoGenuineCheck = () => { - this.props.updateGenuineCheck({ isGenuineFail: false }) + this.props.updateGenuineCheck({ displayErrorScreen: false }) } contactSupport = () => { @@ -153,7 +157,7 @@ class GenuineCheck extends PureComponent { const { genuine } = onboarding const { cachedPinStepButton, cachedRecoveryStepButton, isGenuineCheckModalOpened } = this.state - if (genuine.isGenuineFail) { + if (genuine.displayErrorScreen) { return this.renderGenuineFail() } @@ -225,17 +229,22 @@ class GenuineCheck extends PureComponent { ) : genuine.genuineCheckUnavailable ? ( - - - - - - {t('app:common.retry')} - + + + {t('app:common.retry')} + + + + + + + + ) : ( @@ -252,15 +261,32 @@ class GenuineCheck extends PureComponent { - + {genuine.genuineCheckUnavailable ? ( + + + + + + + + ) : ( + + )} +