emptyAccountTile for dashboard

src/components/DashboardPage/index.js

@@ -31,13 +31,11 @@ import BalanceInfos from 'components/BalanceSummary/BalanceInfos'
 import BalanceSummary from 'components/BalanceSummary'
 import Box from 'components/base/Box'
 import IconEmptyAccountTile from 'icons/illustrations/EmptyAccountTile'
-import Button from '../base/Button/index'
-import Card from '../base/Box/Card'
 import PillsDaysCount from 'components/PillsDaysCount'
 import Text from 'components/base/Text'
 import OperationsList from 'components/OperationsList'
 import StickyBackToTop from 'components/StickyBackToTop'
-
+import Button from '../base/Button/index'
 import AccountCard from './AccountCard'
 import AccountsOrder from './AccountsOrder'
 import EmptyState from './EmptyState'
@@ -187,14 +185,14 @@ class DashboardPage extends PureComponent<Props> {
                                 <Box
                                   ff="Open Sans"
                                   fontSize={3}
-                                  color="grey"
-                                  pb={2}
+                                  color="graphite"
+                                  pb={3}
                                   textAlign="center"
                                 >
-                                  Lorem ipsum dolor sit amet, consectetur adipiscing elit
+                                  {t('app:dashboard.emptyAccountTile.desc')}
                                 </Box>
                                 <Button primary onClick={() => openModal(MODAL_ADD_ACCOUNTS)}>
-                                  Create account
+                                  {t('app:dashboard.emptyAccountTile.createAccount')}
                                 </Button>
                               </Wrapper>
                             )

src/icons/illustrations/emptyAccountTile.js

@@ -3,7 +3,7 @@
 import React from 'react'
 
 export default () => (
-  <svg width="224" height="94">
+  <svg width="224" height="85">
     <defs>
       <rect id="b" x="20" y="12" width="142" height="40" rx="4" />
       <filter
@@ -49,7 +49,7 @@ export default () => (
         id="g"
       />
     </defs>
-    <g fill="none" fill-rule="evenodd">
+    <g fill="none" fillRule="evenodd">
       <g transform="translate(21 2)">
         <use fill="#000" filter="url(#a)" xlinkHref="#b" />
         <use fill="#FFF" xlinkHref="#b" />
@@ -64,7 +64,7 @@ export default () => (
         <rect fill="#999" x="39" y="13" width="120" height="5" rx="2.5" />
         <rect fill="#D8D8D8" x="39" y="23" width="70" height="5" rx="2.5" />
         <g transform="translate(17 13)">
-          <use fill="#FCB653" fill-rule="nonzero" xlinkHref="#g" />
+          <use fill="#FCB653" fillRule="nonzero" xlinkHref="#g" />
         </g>
       </g>
     </g>

static/i18n/en/app.yml

@@ -94,6 +94,9 @@ account:
       error: Invalid endpoint
 dashboard:
   title: Portfolio
+  emptyAccountTile:
+    desc: Lorem ipsum dolor sit amet, consectetur adipiscing elit
+    createAccount: Create Account
   accounts:
     title: Accounts ({{count}})
   greeting: