Merge pull request #134 from MetaMask/dx-team/issues/1282-Pass-windowEthereum-to-hasWeb3Provider

Dx team/issues/1282 pass window Ethereum to has web3 provider

Author: davidnguyen88

src/components/FullWidthCta.js

@@ -52,10 +52,10 @@ const FullWidthCta = props => {
             {ctas ? (
               <CTAWrapper>
                 {ctas.map(cta =>
-                    contentfulModuleToComponent({
-                      ...cta,
-                    })
-                  )}
+                  contentfulModuleToComponent({
+                    ...cta,
+                  })
+                )}
               </CTAWrapper>
             ) : null}
           </FullWidthCtaInner>

src/components/HeroContainer.js

@@ -46,7 +46,9 @@ const HeroContainerComponent = props => {
   const isAbout = pathname === '/about/'
   const isFlask = pathname === '/flask/'
   const isInstitutions = pathname === '/institutions/'
-  const isInstitutionalChild = pathname === '/institutions/portfolio/' || pathname === '/institutions/compliance/'
+  const isInstitutionalChild =
+    pathname === '/institutions/portfolio/' ||
+    pathname === '/institutions/compliance/'
   const isCustody = pathname === '/institutions/custody/'
   const isThankYou = pathname === '/institutions/thank-you/'
   let hubspotWrapper
@@ -710,7 +712,7 @@ const HeroCTA = styled.div`
 
   @media (max-width: ${({ theme }) => theme.device.tabletMediaMax}) {
     justify-content: center;
-    
+
     .button {
       margin: 0 8px 16px;
     }

src/templates/PageLayout.js

@@ -11,6 +11,8 @@ import {
 import scrollTo from '../lib/utils/scrollToElement'
 import Context from '../Context/ContextPage'
 import ContextClientSide from '../Context/ContextClientSide'
+import { trackCustomEvent } from 'gatsby-plugin-google-analytics'
+import { browserName } from 'react-device-detect'
 
 /**
  * @name PageLayout
@@ -81,6 +83,14 @@ const PageLayout = props => {
           )
         })
       })
+      // Detect Web3 Wallet
+      if (typeof window.ethereum !== 'undefined') {
+        trackCustomEvent({
+          category: 'Web3 Wallet Detected',
+          action: 'window.ethereum present',
+          label: browserName || 'Chrome',
+        })
+      }
     }
   }, [pathname])