Browse Source

Unify empty states style

master
meriadec 7 years ago
parent
commit
b8631b0679
No known key found for this signature in database GPG Key ID: 1D2FC2305E2CB399
  1. 4
      src/components/AccountPage/EmptyStateAccount.js
  2. 14
      src/components/DashboardPage/EmptyState.js

4
src/components/AccountPage/EmptyStateAccount.js

@ -41,7 +41,7 @@ class EmptyStateAccount extends PureComponent<Props, *> {
/> />
<Box mt={5} alignItems="center"> <Box mt={5} alignItems="center">
<Title>{t('app:account.emptyState.title')}</Title> <Title>{t('app:account.emptyState.title')}</Title>
<Description> <Description mt={3} style={{ display: 'block' }}>
<Trans i18nKey="app:account.emptyState.desc"> <Trans i18nKey="app:account.emptyState.desc">
{'Make sure the'} {'Make sure the'}
<Text ff="Open Sans|SemiBold" color="dark"> <Text ff="Open Sans|SemiBold" color="dark">
@ -50,7 +50,7 @@ class EmptyStateAccount extends PureComponent<Props, *> {
{'app is installed to receive funds.'} {'app is installed to receive funds.'}
</Trans> </Trans>
</Description> </Description>
<Button mt={3} padded primary onClick={() => openModal(MODAL_RECEIVE, { account })}> <Button mt={5} padded primary onClick={() => openModal(MODAL_RECEIVE, { account })}>
<Box horizontal flow={1} alignItems="center"> <Box horizontal flow={1} alignItems="center">
<IconReceive size={12} /> <IconReceive size={12} />
<Box>{t('app:account.emptyState.buttons.receiveFunds')}</Box> <Box>{t('app:account.emptyState.buttons.receiveFunds')}</Box>

14
src/components/DashboardPage/EmptyState.js

@ -46,8 +46,10 @@ class EmptyState extends PureComponent<Props, *> {
/> />
<Box mt={5} alignItems="center"> <Box mt={5} alignItems="center">
<Title>{t('app:emptyState.dashboard.title')}</Title> <Title>{t('app:emptyState.dashboard.title')}</Title>
<Description>{t('app:emptyState.dashboard.desc')}</Description> <Description mt={3} style={{ maxWidth: 600 }}>
<Box mt={3} horizontal justifyContent="space-around" style={{ width: 300 }}> {t('app:emptyState.dashboard.desc')}
</Description>
<Box mt={5} horizontal style={{ width: 300 }} flow={3} justify="center">
<Button padded primary style={{ minWidth: 120 }} onClick={this.handleInstallApp}> <Button padded primary style={{ minWidth: 120 }} onClick={this.handleInstallApp}>
{t('app:emptyState.dashboard.buttons.installApp')} {t('app:emptyState.dashboard.buttons.installApp')}
</Button> </Button>
@ -76,11 +78,9 @@ export const Description = styled(Box).attrs({
ff: 'Open Sans|Regular', ff: 'Open Sans|Regular',
fontSize: 4, fontSize: 4,
color: p => p.theme.colors.graphite, color: p => p.theme.colors.graphite,
})` textAlign: 'center',
margin: 10px auto 25px; })``
display: block;
text-align: center;
`
export default compose( export default compose(
connect( connect(
null, null,

Loading…
Cancel
Save