feat(docs): act-1481 - improvements to reference pages

MetaMask · Jul 23, 2024 · 58664a7 · 58664a7
1 parent f2cf103
commit 58664a7
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 3 deletions.
diff --git a/src/components/ParserOpenRPC/AuthBox/index.tsx b/src/components/ParserOpenRPC/AuthBox/index.tsx
@@ -10,7 +10,11 @@ export const AuthBox = ({ handleConnect }: AuthBoxProps) => {
   return (
     <div className={styles.msgWrapper}>
       <p className={styles.msgText}>Connect MetaMask to test requests using your wallet</p>
-      <button className={global.primaryBtn} onClick={() => handleConnect()}>
+      <button
+        className={global.primaryBtn}
+        onClick={() => handleConnect()}
+        data-test-id="connect-metamask"
+      >
         Connect MetaMask
       </button>
     </div>

diff --git a/src/components/ParserOpenRPC/RequestBox/index.tsx b/src/components/ParserOpenRPC/RequestBox/index.tsx
@@ -51,6 +51,7 @@ export default function RequestBox({
               className={clsx(global.linkBtn, "margin-right--md")}
               disabled={!isMetamaskInstalled}
               onClick={openModal}
+              data-test-id="customize-request"
             >
               Customize request
             </button>
@@ -59,6 +60,7 @@ export default function RequestBox({
             className={global.primaryBtn}
             disabled={!isMetamaskInstalled}
             onClick={submitRequest}
+            data-test-id="run-request"
           >
             Run request
           </button>

diff --git a/src/theme/Footer/index.js b/src/theme/Footer/index.js
@@ -18,7 +18,8 @@ export default function FooterWrapper(props) {
   }, []);
 
   const isBrowser = useIsBrowser();
-  if (isBrowser) {
+  const isProd = process.env.NODE_ENV === "production"
+  if (isBrowser && isProd) {
     Intercom({
       app_id: 'txttgas6'
     });

diff --git a/src/theme/Root.tsx b/src/theme/Root.tsx
@@ -1,4 +1,4 @@
-import React, { useState, createContext, ReactChild } from "react";
+import React, { useState, createContext, ReactChild, useEffect } from "react";
 import { MetaMaskSDK } from "@metamask/sdk";
 
 export const MetamaskProviderContext = createContext(null);
@@ -12,6 +12,7 @@ export default function Root({ children }: { children: ReactChild}) {
       url: "https://docs.metamask.io/",
     },
     preferDesktop: true,
+    extensionOnly: true,
     logging: {
       sdk: false,
     }
@@ -31,6 +32,12 @@ export default function Root({ children }: { children: ReactChild}) {
     }
   }
 
+  useEffect(() => {
+    if (sdk && !metaMaskProvider) {
+      metaMaskConnectHandler();
+    }
+  }, [metaMaskProvider]);
+
   return (
     <MetamaskProviderContext.Provider value={{
       metaMaskProvider,