diff --git a/src/components/modals/AddAccount/03-step-import.js b/src/components/modals/AddAccount/03-step-import.js index 9f868363..05482527 100644 --- a/src/components/modals/AddAccount/03-step-import.js +++ b/src/components/modals/AddAccount/03-step-import.js @@ -5,6 +5,8 @@ import React from 'react' import type { Account } from '@ledgerhq/live-common/lib/types' import Box from 'components/base/Box' +import CheckBox from 'components/base/CheckBox' +import FormattedVal from 'components/base/FormattedVal' type Props = { scannedAccounts: Account[], @@ -17,16 +19,28 @@ function StepImport(props: Props) { const { scannedAccounts, selectedAccounts, existingAccounts, onToggleAccount } = props return ( + (design is not yet integrated!) {scannedAccounts.map(account => { const isSelected = selectedAccounts.find(a => a.id === account.id) const isExisting = existingAccounts.find(a => a.id === account.id && a.archived === false) return ( onToggleAccount(account) : undefined} > - {isSelected && `[SELECTED]`} {isExisting && `[ALREADY IMPORTED]`} {account.name} + + + {account.name} + + ) })}