Gaëtan Renaudeau
7 years ago
19 changed files with 297 additions and 137 deletions
@ -0,0 +1,26 @@ |
|||
// @flow
|
|||
|
|||
// This is a test example for dev testing purpose.
|
|||
|
|||
import { createCommand, Command } from 'helpers/ipc' |
|||
import { fromPromise } from 'rxjs/observable/fromPromise' |
|||
import { withDevice } from 'helpers/deviceAccess' |
|||
|
|||
type Input = { |
|||
devicePath: string, |
|||
apduHex: string, |
|||
} |
|||
type Result = { |
|||
responseHex: string, |
|||
} |
|||
|
|||
const cmd: Command<Input, Result> = createCommand('testApdu', ({ apduHex, devicePath }) => |
|||
fromPromise( |
|||
withDevice(devicePath)(async transport => { |
|||
const res = await transport.exchange(Buffer.from(apduHex, 'hex')) |
|||
return { responseHex: res.toString('hex') } |
|||
}), |
|||
), |
|||
) |
|||
|
|||
export default cmd |
|||
@ -0,0 +1,80 @@ |
|||
// @flow
|
|||
|
|||
import React, { PureComponent } from 'react' |
|||
import { i } from 'helpers/staticPath' |
|||
import styled from 'styled-components' |
|||
import { connect } from 'react-redux' |
|||
import { compose } from 'redux' |
|||
import { translate } from 'react-i18next' |
|||
import { push } from 'react-router-redux' |
|||
|
|||
import { openModal } from 'reducers/modals' |
|||
import type { T } from 'types/common' |
|||
|
|||
import Box from 'components/base/Box' |
|||
import Button from 'components/base/Button' |
|||
|
|||
const mapDispatchToProps = { |
|||
openModal, |
|||
push, |
|||
} |
|||
|
|||
type Props = { |
|||
t: T, |
|||
push: Function, |
|||
openModal: Function, |
|||
} |
|||
|
|||
class EmptyState extends PureComponent<Props, *> { |
|||
handleInstallApp = () => { |
|||
const { push } = this.props |
|||
const url = '/manager' |
|||
push(url) |
|||
} |
|||
render() { |
|||
const { t, openModal } = this.props |
|||
|
|||
return ( |
|||
<Box mt={7} alignItems="center"> |
|||
<img |
|||
alt="emptyState Dashboard logo" |
|||
src={i('logos/emptyStateDashboard.png')} |
|||
width="413" |
|||
height="157" |
|||
/> |
|||
<Box mt={5} alignItems="center"> |
|||
<Title>{t('emptyState:dashboard.title')}</Title> |
|||
<Description>{t('emptyState:dashboard.desc')}</Description> |
|||
<Box mt={3} horizontal justifyContent="space-around" style={{ width: 300 }}> |
|||
<Button |
|||
padded |
|||
primary |
|||
style={{ width: 120 }} |
|||
onClick={() => openModal('importAccounts')} |
|||
> |
|||
{t('emptyState:dashboard.buttons.addAccount')} |
|||
</Button> |
|||
<Button padded primary style={{ width: 120 }} onClick={this.handleInstallApp}> |
|||
{t('emptyState:dashboard.buttons.installApp')} |
|||
</Button> |
|||
</Box> |
|||
</Box> |
|||
</Box> |
|||
) |
|||
} |
|||
} |
|||
|
|||
const Title = styled(Box).attrs({ |
|||
ff: 'Museo Sans|Regular', |
|||
fontSize: 6, |
|||
color: p => p.theme.colors.dark, |
|||
})`` |
|||
|
|||
const Description = styled(Box).attrs({ |
|||
ff: 'Open Sans|Regular', |
|||
fontSize: 4, |
|||
color: p => p.theme.colors.graphite, |
|||
})` |
|||
margin: 10px auto 25px; |
|||
` |
|||
export default compose(connect(null, mapDispatchToProps), translate())(EmptyState) |
|||
@ -0,0 +1,8 @@ |
|||
sidebar: |
|||
text: You don’t have any account for the moment. Press the + button to create an account |
|||
dashboard: |
|||
title: This is a title, use it with caution |
|||
desc: Please create a new account or recover an old account from your Ledger device. |
|||
buttons: |
|||
addAccount: Add Account |
|||
installApp: Install App |
|||
|
After Width: | Height: | Size: 32 KiB |
Loading…
Reference in new issue