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 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'; import ProvideMnemonicImage from 'assets/images/unlock-guide/provide-mnemonic.png'; import './FinalSteps.scss'; interface Props { walletType: WalletType; } const FinalSteps: React.SFC = ({ walletType }) => { const steps = [ { name: 'Open MyCrypto', image: SiteImage }, { name: 'Go to the account tab', image: TabImage } ]; if (walletType === WalletType.Keystore) { steps.push({ name: 'Select your wallet type', image: SelectKeystoreImage }); steps.push({ name: 'Provide file & password', image: ProvideKeystoreImage }); } else if (walletType === WalletType.Mnemonic) { steps.push({ name: 'Select your wallet type', image: SelectMnemonicImage }); steps.push({ name: 'Enter your phrase', image: ProvideMnemonicImage }); } return (

{translate('ADD_Label_6')}

All done, you’re now ready to access your wallet. Just follow these 4 steps whenever you want to access your wallet.

{steps.map((step, index) => (

{step.name}

{index + 1}
))}
Go to Account
); }; export default FinalSteps;