Merge pull request #854 from gnosis/feature/wallet-dashboard

Wallet dashboard

src/components/Header/components/ProviderDetails/UserDetails.jsx

@@ -29,6 +29,7 @@ type Props = {
   userAddress: string,
   classes: Object,
   onDisconnect: Function,
+  openDashboard?: Function,
 }
 
 const styles = () => ({
@@ -72,6 +73,15 @@ const styles = () => ({
   },
   disconnect: {
     padding: `${md} ${lg}`,
+    '& button': {
+      background: '#f02525',
+    },
+  },
+  dashboard: {
+    padding: `${md} ${lg} ${xs}`,
+  },
+  dashboardText: {
+    letterSpacing: '1px',
   },
   disconnectText: {
     letterSpacing: '1px',
@@ -92,7 +102,7 @@ const styles = () => ({
   },
 })
 
-const UserDetails = ({ classes, connected, network, onDisconnect, provider, userAddress }: Props) => {
+const UserDetails = ({ classes, connected, network, onDisconnect, openDashboard, provider, userAddress }: Props) => {
   const status = connected ? 'Connected' : 'Connection error'
   const address = userAddress ? shortVersionOf(userAddress, 4) : 'Address not available'
   const identiconAddress = userAddress || 'random'
@@ -154,6 +164,15 @@ const UserDetails = ({ classes, connected, network, onDisconnect, provider, user
         </Paragraph>
       </Row>
       <Hairline margin="xs" />
+      {openDashboard && (
+        <Row className={classes.dashboard}>
+          <Button color="primary" fullWidth onClick={openDashboard} size="medium" variant="contained">
+            <Paragraph className={classes.dashboardText} color="white" noMargin size="md">
+              {upperFirst(provider)} Wallet
+            </Paragraph>
+          </Button>
+        </Row>
+      )}
       <Row className={classes.disconnect}>
         <Button color="primary" fullWidth onClick={onDisconnect} size="medium" variant="contained">
           <Paragraph className={classes.disconnectText} color="white" noMargin size="md">

src/components/Header/index.jsx

@@ -54,6 +54,10 @@ class HeaderComponent extends React.PureComponent<Props, State> {
     logComponentStack(error, info)
   }
 
+  getOpenDashboard = () => {
+    const { wallet } = onboard.getState()
+    return wallet.type === 'sdk' && wallet.dashboard
+  }
   onDisconnect = () => {
     const { closeSnackbar, enqueueSnackbar, removeProvider } = this.props
 
@@ -84,6 +88,7 @@ class HeaderComponent extends React.PureComponent<Props, State> {
         connected={available}
         network={network}
         onDisconnect={this.onDisconnect}
+        openDashboard={this.getOpenDashboard()}
         provider={provider}
         userAddress={userAddress}
       />

src/logic/wallets/utils/walletList.js

@@ -43,7 +43,6 @@ const wallets = [
   {
     walletName: 'portis',
     apiKey: PORTIS_DAPP_ID,
-    label: 'Login with Email',
     desktop: true,
   },
   { walletName: 'authereum', desktop: false },