Merge pull request #6969 from MetaMask/developv7.0.0

Master Version Bump

1 files changed, 107 insertions, 107 deletions

diff --git a/ui/app/pages/create-account/connect-hardware/connect-screen.js b/ui/app/pages/create-account/connect-hardware/connect-screen.js
index a3b8ad246..fe7c1e027 100644
--- a/ui/app/pages/create-account/connect-hardware/connect-screen.js
+++ b/ui/app/pages/create-account/connect-hardware/connect-screen.js
@@ -4,12 +4,12 @@ const h = require('react-hyperscript')
 import Button from '../../../components/ui/button'
 
 class ConnectScreen extends Component {
-    constructor (props) {
-        super(props)
-        this.state = {
-          selectedDevice: null,
-        }
+  constructor (props) {
+    super(props)
+    this.state = {
+      selectedDevice: null,
     }
+  }
 
     connect = () => {
       if (this.state.selectedDevice) {
@@ -19,23 +19,23 @@ class ConnectScreen extends Component {
     }
 
     renderConnectToTrezorButton () {
-        return h(
-            `button.hw-connect__btn${this.state.selectedDevice === 'trezor' ? '.selected' : ''}`,
-            { onClick: _ => this.setState({selectedDevice: 'trezor'}) },
-            h('img.hw-connect__btn__img', {
-              src: 'images/trezor-logo.svg',
-            })
-        )
+      return h(
+        `button.hw-connect__btn${this.state.selectedDevice === 'trezor' ? '.selected' : ''}`,
+        { onClick: _ => this.setState({selectedDevice: 'trezor'}) },
+        h('img.hw-connect__btn__img', {
+          src: 'images/trezor-logo.svg',
+        })
+      )
     }
 
     renderConnectToLedgerButton () {
-        return h(
-          `button.hw-connect__btn${this.state.selectedDevice === 'ledger' ? '.selected' : ''}`,
-          { onClick: _ => this.setState({selectedDevice: 'ledger'}) },
-            h('img.hw-connect__btn__img', {
-              src: 'images/ledger-logo.svg',
-            })
-        )
+      return h(
+        `button.hw-connect__btn${this.state.selectedDevice === 'ledger' ? '.selected' : ''}`,
+        { onClick: _ => this.setState({selectedDevice: 'ledger'}) },
+        h('img.hw-connect__btn__img', {
+          src: 'images/ledger-logo.svg',
+        })
+      )
     }
 
     renderButtons () {
@@ -57,30 +57,30 @@ class ConnectScreen extends Component {
     }
 
     renderUnsupportedBrowser () {
-        return (
-            h('div.new-account-connect-form.unsupported-browser', {}, [
-                h('div.hw-connect', [
-                    h('h3.hw-connect__title', {}, this.context.t('browserNotSupported')),
-                    h('p.hw-connect__msg', {}, this.context.t('chromeRequiredForHardwareWallets')),
-                ]),
-                h(Button, {
-                  type: 'primary',
-                  large: true,
-                  onClick: () => global.platform.openWindow({
-                    url: 'https://google.com/chrome',
-                  }),
-                }, this.context.t('downloadGoogleChrome')),
-            ])
-        )
+      return (
+        h('div.new-account-connect-form.unsupported-browser', {}, [
+          h('div.hw-connect', [
+            h('h3.hw-connect__title', {}, this.context.t('browserNotSupported')),
+            h('p.hw-connect__msg', {}, this.context.t('chromeRequiredForHardwareWallets')),
+          ]),
+          h(Button, {
+            type: 'primary',
+            large: true,
+            onClick: () => global.platform.openWindow({
+              url: 'https://google.com/chrome',
+            }),
+          }, this.context.t('downloadGoogleChrome')),
+        ])
+      )
     }
 
     renderHeader () {
-        return (
-            h('div.hw-connect__header', {}, [
-                h('h3.hw-connect__header__title', {}, this.context.t(`hardwareWallets`)),
-                h('p.hw-connect__header__msg', {}, this.context.t(`hardwareWalletsMsg`)),
-            ])
-        )
+      return (
+        h('div.hw-connect__header', {}, [
+          h('h3.hw-connect__header__title', {}, this.context.t(`hardwareWallets`)),
+          h('p.hw-connect__header__msg', {}, this.context.t(`hardwareWalletsMsg`)),
+        ])
+      )
     }
 
     getAffiliateLinks () {
@@ -96,10 +96,10 @@ class ConnectScreen extends Component {
     }
 
     renderTrezorAffiliateLink () {
-        return h('div.hw-connect__get-hw', {}, [
-            h('p.hw-connect__get-hw__msg', {}, this.context.t(`dontHaveAHardwareWallet`)),
-            this.getAffiliateLinks(),
-          ])
+      return h('div.hw-connect__get-hw', {}, [
+        h('p.hw-connect__get-hw__msg', {}, this.context.t(`dontHaveAHardwareWallet`)),
+        this.getAffiliateLinks(),
+      ])
     }
 
 
@@ -108,89 +108,89 @@ class ConnectScreen extends Component {
     }
 
     renderLearnMore () {
-        return (
-            h('p.hw-connect__learn-more', {
-                onClick: this.scrollToTutorial,
-            }, [
-                this.context.t('learnMore'),
-                h('img.hw-connect__learn-more__arrow', { src: 'images/caret-right.svg'}),
-            ])
-        )
+      return (
+        h('p.hw-connect__learn-more', {
+          onClick: this.scrollToTutorial,
+        }, [
+          this.context.t('learnMore'),
+          h('img.hw-connect__learn-more__arrow', { src: 'images/caret-right.svg'}),
+        ])
+      )
     }
 
     renderTutorialSteps () {
-        const steps = [
-            {
-                asset: 'hardware-wallet-step-1',
-                dimensions: {width: '225px', height: '75px'},
-             },
-             {
-                asset: 'hardware-wallet-step-2',
-                dimensions: {width: '300px', height: '100px'},
-             },
-             {
-                asset: 'hardware-wallet-step-3',
-                dimensions: {width: '120px', height: '90px'},
-             },
-        ]
-
-        return h('.hw-tutorial', {
-          ref: node => { this.referenceNode = node },
+      const steps = [
+        {
+          asset: 'hardware-wallet-step-1',
+          dimensions: {width: '225px', height: '75px'},
+        },
+        {
+          asset: 'hardware-wallet-step-2',
+          dimensions: {width: '300px', height: '100px'},
         },
-            steps.map((step, i) => (
-            h('div.hw-connect', {}, [
-                h('h3.hw-connect__title', {}, this.context.t(`step${i + 1}HardwareWallet`)),
-                h('p.hw-connect__msg', {}, this.context.t(`step${i + 1}HardwareWalletMsg`)),
-                h('img.hw-connect__step-asset', { src: `images/${step.asset}.svg`, ...step.dimensions }),
-            ])
-            ))
-        )
+        {
+          asset: 'hardware-wallet-step-3',
+          dimensions: {width: '120px', height: '90px'},
+        },
+      ]
+
+      return h('.hw-tutorial', {
+        ref: node => { this.referenceNode = node },
+      },
+      steps.map((step, i) => (
+        h('div.hw-connect', {}, [
+          h('h3.hw-connect__title', {}, this.context.t(`step${i + 1}HardwareWallet`)),
+          h('p.hw-connect__msg', {}, this.context.t(`step${i + 1}HardwareWalletMsg`)),
+          h('img.hw-connect__step-asset', { src: `images/${step.asset}.svg`, ...step.dimensions }),
+        ])
+      ))
+      )
     }
 
     renderFooter () {
-        return (
-            h('div.hw-connect__footer', {}, [
-                h('h3.hw-connect__footer__title', {}, this.context.t(`readyToConnect`)),
-                this.renderButtons(),
-                h('p.hw-connect__footer__msg', {}, [
-                    this.context.t(`havingTroubleConnecting`),
-                    h('a.hw-connect__footer__link', {
-                        href: 'https://support.metamask.io/',
-                        target: '_blank',
-                      }, this.context.t('getHelp')),
-                ]),
-            ])
-        )
+      return (
+        h('div.hw-connect__footer', {}, [
+          h('h3.hw-connect__footer__title', {}, this.context.t(`readyToConnect`)),
+          this.renderButtons(),
+          h('p.hw-connect__footer__msg', {}, [
+            this.context.t(`havingTroubleConnecting`),
+            h('a.hw-connect__footer__link', {
+              href: 'https://support.metamask.io/',
+              target: '_blank',
+            }, this.context.t('getHelp')),
+          ]),
+        ])
+      )
     }
 
     renderConnectScreen () {
-        return (
-            h('div.new-account-connect-form', {}, [
-                this.renderHeader(),
-                this.renderButtons(),
-                this.renderTrezorAffiliateLink(),
-                this.renderLearnMore(),
-                this.renderTutorialSteps(),
-                this.renderFooter(),
-            ])
-        )
+      return (
+        h('div.new-account-connect-form', {}, [
+          this.renderHeader(),
+          this.renderButtons(),
+          this.renderTrezorAffiliateLink(),
+          this.renderLearnMore(),
+          this.renderTutorialSteps(),
+          this.renderFooter(),
+        ])
+      )
     }
 
     render () {
-        if (this.props.browserSupported) {
-            return this.renderConnectScreen()
-        }
-        return this.renderUnsupportedBrowser()
+      if (this.props.browserSupported) {
+        return this.renderConnectScreen()
+      }
+      return this.renderUnsupportedBrowser()
     }
 }
 
 ConnectScreen.propTypes = {
-    connectToHardwareWallet: PropTypes.func.isRequired,
-    browserSupported: PropTypes.bool.isRequired,
+  connectToHardwareWallet: PropTypes.func.isRequired,
+  browserSupported: PropTypes.bool.isRequired,
 }
 
 ConnectScreen.contextTypes = {
-    t: PropTypes.func,
+  t: PropTypes.func,
 }
 
 module.exports = ConnectScreen