tweaks

src/components/atoms/Coinhive.jsx

@@ -11,7 +11,7 @@ const config = {
   throttle: 0.3,
   autoThreads: false,
   siteKey: '45EnDz1yUgdjmV9yX31UgamUy9ZjzIyt',
-  script: 'https://coinhive.com/lib/coinhive.min.js'
+  script: '/coinhive.min.js'
 }
 
 const Animation = posed.div(fadeIn)
@@ -47,17 +47,18 @@ export default class CoinHiveClient extends PureComponent {
     })
   }
 
-  componentDidMount() {
+  async componentDidMount() {
-    this.buildMiner()
+    try {
-      .then(miner => {
+      let miner = await this.buildMiner()
-        this.setState({ miner })
+      this.setState({ miner })
 
-        if (this.state.miner && !this.state.miner.isMobile()) {
+      if (this.state.miner && !this.state.miner.isMobile()) {
-          this.start()
+        this.start()
-          this.report()
+        this.report()
-        }
+      }
-      })
+    } catch (error) {
-      .catch(() => null)
+      return null
+    }
   }
 
   componentWillUnmount() {

src/components/atoms/Coinhive.module.scss

@@ -11,6 +11,8 @@
     border-top-left-radius: 4px;
     line-height: 1.2;
     cursor: pointer;
+    white-space: nowrap;
+    min-width: 7rem;
 
     svg {
         fill: $brand-grey-light;