meriadec
7 years ago
No known key found for this signature in database
GPG Key ID: 1D2FC2305E2CB399
4 changed files with
0 additions and
148 deletions
-
src/components/modals/Receive/01-step-account.js
-
src/components/modals/Receive/02-step-connect-device.js
-
src/components/modals/Receive/03-step-confirm-address.js
-
src/components/modals/Receive/04-step-receive-funds.js
|
|
@ -1,25 +0,0 @@ |
|
|
|
// @flow
|
|
|
|
|
|
|
|
import React from 'react' |
|
|
|
|
|
|
|
import type { Account } from '@ledgerhq/live-common/lib/types' |
|
|
|
import type { T } from 'types/common' |
|
|
|
|
|
|
|
import TrackPage from 'analytics/TrackPage' |
|
|
|
import Box from 'components/base/Box' |
|
|
|
import Label from 'components/base/Label' |
|
|
|
import SelectAccount from 'components/SelectAccount' |
|
|
|
|
|
|
|
type Props = { |
|
|
|
account: ?Account, |
|
|
|
onChangeAccount: Function, |
|
|
|
t: T, |
|
|
|
} |
|
|
|
|
|
|
|
export default (props: Props) => ( |
|
|
|
<Box flow={1}> |
|
|
|
<TrackPage category="Receive" name="Step1" /> |
|
|
|
<Label>{props.t('app:receive.steps.chooseAccount.label')}</Label> |
|
|
|
<SelectAccount autoFocus onChange={props.onChangeAccount} value={props.account} /> |
|
|
|
</Box> |
|
|
|
) |
|
|
@ -1,16 +0,0 @@ |
|
|
|
import React, { Component, Fragment } from 'react' |
|
|
|
import TrackPage from 'analytics/TrackPage' |
|
|
|
import StepConnectDevice from '../StepConnectDevice' |
|
|
|
|
|
|
|
class ReceiveStepConnectDevice extends Component<*> { |
|
|
|
render() { |
|
|
|
return ( |
|
|
|
<Fragment> |
|
|
|
<TrackPage category="Receive" name="Step2" /> |
|
|
|
<StepConnectDevice {...this.props} /> |
|
|
|
</Fragment> |
|
|
|
) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
export default ReceiveStepConnectDevice |
|
|
@ -1,59 +0,0 @@ |
|
|
|
// @flow
|
|
|
|
|
|
|
|
import React, { Fragment } from 'react' |
|
|
|
import styled from 'styled-components' |
|
|
|
|
|
|
|
import type { Account } from '@ledgerhq/live-common/lib/types' |
|
|
|
import type { Device, T } from 'types/common' |
|
|
|
|
|
|
|
import TrackPage from 'analytics/TrackPage' |
|
|
|
import Box from 'components/base/Box' |
|
|
|
import CurrentAddressForAccount from 'components/CurrentAddressForAccount' |
|
|
|
import DeviceConfirm from 'components/DeviceConfirm' |
|
|
|
|
|
|
|
const Container = styled(Box).attrs({ |
|
|
|
alignItems: 'center', |
|
|
|
fontSize: 4, |
|
|
|
color: 'dark', |
|
|
|
px: 7, |
|
|
|
})`` |
|
|
|
|
|
|
|
const Title = styled(Box).attrs({ |
|
|
|
ff: 'Museo Sans|Regular', |
|
|
|
fontSize: 6, |
|
|
|
mb: 1, |
|
|
|
})`` |
|
|
|
|
|
|
|
const Text = styled(Box).attrs({ |
|
|
|
color: 'smoke', |
|
|
|
})` |
|
|
|
text-align: center; |
|
|
|
` |
|
|
|
|
|
|
|
type Props = { |
|
|
|
account: ?Account, |
|
|
|
addressVerified: ?boolean, |
|
|
|
device: ?Device, |
|
|
|
t: T, |
|
|
|
} |
|
|
|
|
|
|
|
export default (props: Props) => ( |
|
|
|
<Container> |
|
|
|
<TrackPage category="Receive" name="Step3" /> |
|
|
|
{props.addressVerified === false ? ( |
|
|
|
<Fragment> |
|
|
|
<Title>{props.t('app:receive.steps.confirmAddress.error.title')}</Title> |
|
|
|
<Text mb={5}>{props.t('app:receive.steps.confirmAddress.error.text')}</Text> |
|
|
|
<DeviceConfirm error /> |
|
|
|
</Fragment> |
|
|
|
) : ( |
|
|
|
<Fragment> |
|
|
|
<Title>{props.t('app:receive.steps.confirmAddress.action')}</Title> |
|
|
|
<Text>{props.t('app:receive.steps.confirmAddress.text')}</Text> |
|
|
|
{props.account && <CurrentAddressForAccount account={props.account} />} |
|
|
|
{props.device && |
|
|
|
props.account && <DeviceConfirm mb={2} mt={-1} error={props.addressVerified === false} />} |
|
|
|
</Fragment> |
|
|
|
)} |
|
|
|
</Container> |
|
|
|
) |
|
|
@ -1,48 +0,0 @@ |
|
|
|
// @flow
|
|
|
|
|
|
|
|
import React from 'react' |
|
|
|
|
|
|
|
import type { Account } from '@ledgerhq/live-common/lib/types' |
|
|
|
import type { T } from 'types/common' |
|
|
|
|
|
|
|
import TrackPage from 'analytics/TrackPage' |
|
|
|
import Box from 'components/base/Box' |
|
|
|
import CurrentAddressForAccount from 'components/CurrentAddressForAccount' |
|
|
|
import Label from 'components/base/Label' |
|
|
|
import RequestAmount from 'components/RequestAmount' |
|
|
|
|
|
|
|
type Props = { |
|
|
|
account: ?Account, |
|
|
|
addressVerified: ?boolean, |
|
|
|
amount: string | number, |
|
|
|
onChangeAmount: Function, |
|
|
|
onVerify: Function, |
|
|
|
t: T, |
|
|
|
} |
|
|
|
|
|
|
|
export default (props: Props) => ( |
|
|
|
<Box flow={5}> |
|
|
|
<TrackPage category="Receive" name="Step4" /> |
|
|
|
<Box flow={1}> |
|
|
|
<Label>{props.t('app:receive.steps.receiveFunds.label')}</Label> |
|
|
|
<RequestAmount |
|
|
|
account={props.account} |
|
|
|
onChange={props.onChangeAmount} |
|
|
|
value={props.amount} |
|
|
|
withMax={false} |
|
|
|
/> |
|
|
|
</Box> |
|
|
|
{props.account && ( |
|
|
|
<CurrentAddressForAccount |
|
|
|
account={props.account} |
|
|
|
addressVerified={props.addressVerified} |
|
|
|
amount={props.amount} |
|
|
|
onVerify={props.onVerify} |
|
|
|
withBadge |
|
|
|
withFooter |
|
|
|
withQRCode |
|
|
|
withVerify={props.addressVerified === false} |
|
|
|
/> |
|
|
|
)} |
|
|
|
</Box> |
|
|
|
) |