diff --git a/src/components/Onboarding/steps/GenuineCheck.js b/src/components/Onboarding/steps/GenuineCheck.js index ba10714f..fa7f061a 100644 --- a/src/components/Onboarding/steps/GenuineCheck.js +++ b/src/components/Onboarding/steps/GenuineCheck.js @@ -3,7 +3,8 @@ import React, { PureComponent } from 'react' import { connect } from 'react-redux' import styled from 'styled-components' -import { radii } from 'styles/theme' +import { radii, colors } from 'styles/theme' + import type { T } from 'types/common' import { setGenuineCheckFail } from 'reducers/onboarding' @@ -76,16 +77,21 @@ class GenuineCheck extends PureComponent { {t('onboarding:genuineCheck.steps.step2.desc')} {!pinStepPass ? ( - + ) : ( - + )} - + 2. @@ -94,16 +100,21 @@ class GenuineCheck extends PureComponent { {t('onboarding:genuineCheck.steps.step2.desc')} {!phraseStepPass ? ( - + ) : ( - - + + )} - + 3. @@ -111,8 +122,8 @@ class GenuineCheck extends PureComponent { {t('onboarding:genuineCheck.steps.step3.desc')} - - @@ -134,19 +145,39 @@ class GenuineCheck extends PureComponent { export default connect(null, mapDispatchToProps)(GenuineCheck) -export function ButtonCombo({ handleStepPass, step }: { handleStepPass: any, step: string }) { +export function ButtonCombo({ + handleStepPass, + step, + disabled, + t, +}: { + handleStepPass: any, + step: string, + disabled: boolean, + t: T, +}) { return ( - - ) } -// TODO extract to the separate file +// TODO extract to a separate file export function GenuineCheckFail({ redoGenuineCheck, contactSupport, @@ -175,7 +206,7 @@ export function GenuineCheckFail({ redoGenuineCheck() }} > - Back + {t('common:back')}