diff --git a/common/assets/images/unlock-guide/open-app.png b/common/assets/images/unlock-guide/open-app.png new file mode 100644 index 00000000..eabbbf73 Binary files /dev/null and b/common/assets/images/unlock-guide/open-app.png differ diff --git a/common/assets/images/unlock-guide/site.png b/common/assets/images/unlock-guide/open-web.png similarity index 100% rename from common/assets/images/unlock-guide/site.png rename to common/assets/images/unlock-guide/open-web.png diff --git a/common/assets/images/unlock-guide/tab-app.png b/common/assets/images/unlock-guide/tab-app.png new file mode 100644 index 00000000..c7a4ea15 Binary files /dev/null and b/common/assets/images/unlock-guide/tab-app.png differ diff --git a/common/assets/images/unlock-guide/tab.png b/common/assets/images/unlock-guide/tab-web.png similarity index 100% rename from common/assets/images/unlock-guide/tab.png rename to common/assets/images/unlock-guide/tab-web.png diff --git a/common/containers/Tabs/GenerateWallet/components/FinalSteps.tsx b/common/containers/Tabs/GenerateWallet/components/FinalSteps.tsx index 92b88592..802c8a7d 100644 --- a/common/containers/Tabs/GenerateWallet/components/FinalSteps.tsx +++ b/common/containers/Tabs/GenerateWallet/components/FinalSteps.tsx @@ -2,8 +2,10 @@ import React from 'react'; import { Link } from 'react-router-dom'; import translate from 'translations'; import { WalletType } from '../GenerateWallet'; -import SiteImage from 'assets/images/unlock-guide/site.png'; -import TabImage from 'assets/images/unlock-guide/tab.png'; +import OpenAppImage from 'assets/images/unlock-guide/open-app.png'; +import OpenWebImage from 'assets/images/unlock-guide/open-web.png'; +import TabAppImage from 'assets/images/unlock-guide/tab-app.png'; +import TabWebImage from 'assets/images/unlock-guide/tab-web.png'; import SelectKeystoreImage from 'assets/images/unlock-guide/select-keystore.png'; import ProvideKeystoreImage from 'assets/images/unlock-guide/provide-keystore.png'; import SelectMnemonicImage from 'assets/images/unlock-guide/select-mnemonic.png'; @@ -17,31 +19,31 @@ interface Props { const FinalSteps: React.SFC = ({ walletType }) => { const steps = [ { - name: translate('MNEMONIC_FINAL_STEP_1'), - image: SiteImage + name: translate('CREATE_FINAL_STEP_1'), + image: process.env.BUILD_ELECTRON ? OpenAppImage : OpenWebImage }, { - name: translate('MNEMONIC_FINAL_STEP_2'), - image: TabImage + name: translate('CREATE_FINAL_STEP_2'), + image: process.env.BUILD_ELECTRON ? TabAppImage : TabWebImage } ]; if (walletType === WalletType.Keystore) { steps.push({ - name: translate('MNEMONIC_FINAL_STEP_3'), + name: translate('CREATE_FINAL_STEP_3'), image: SelectKeystoreImage }); steps.push({ - name: translate('MNEMONIC_FINAL_STEP_5'), + name: translate('CREATE_FINAL_STEP_4_KEYSTORE'), image: ProvideKeystoreImage }); } else if (walletType === WalletType.Mnemonic) { steps.push({ - name: translate('MNEMONIC_FINAL_STEP_3'), + name: translate('CREATE_FINAL_STEP_3'), image: SelectMnemonicImage }); steps.push({ - name: translate('MNEMONIC_FINAL_STEP_4'), + name: translate('CREATE_FINAL_STEP_4_MNEMONIC'), image: ProvideMnemonicImage }); } diff --git a/common/translations/lang/en.json b/common/translations/lang/en.json index c8faaa05..69a4a5ec 100644 --- a/common/translations/lang/en.json +++ b/common/translations/lang/en.json @@ -445,11 +445,11 @@ "CONFIRM_TX_TO": "To", "CONFIRM_TX_VIA_CONTRACT": "via the $unit contract", "MNEMONIC_FINAL_DESCRIPTION": "All done, you’re now ready to access your wallet. Just follow these 4 steps whenever you want to access your wallet.", - "MNEMONIC_FINAL_STEP_1": "Open MyCrypto", - "MNEMONIC_FINAL_STEP_2": "Go to the account tab", - "MNEMONIC_FINAL_STEP_3": "Select your wallet type", - "MNEMONIC_FINAL_STEP_4": "Enter your phrase", - "MNEMONIC_FINAL_STEP_5": "Provide file & password", + "CREATE_FINAL_STEP_1": "Open MyCrypto", + "CREATE_FINAL_STEP_2": "Go to View & Send", + "CREATE_FINAL_STEP_3": "Select your wallet type", + "CREATE_FINAL_STEP_4_MNEMONIC": "Enter your phrase", + "CREATE_FINAL_STEP_4_KEYSTORE": "Provide file & password", "VIEW_ONLY_RECENT": "Select a recent address", "VIEW_ONLY_ENTER": "Enter an address (e.g. 0x4bbeEB066eD09...)", "GO_TO_ACCOUNT": "Go to Account",