Merge branch 'refs/heads/main' into faucets-for-mm-docs

MetaMask · Jul 18, 2024 · 5ed2df2 · 5ed2df2
2 parents d5e4b5d + 47d4f2a
commit 5ed2df2
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 17 deletions.
diff --git a/package.json b/package.json
@@ -34,6 +34,7 @@
     "@docusaurus/plugin-content-pages": "^3.4.0",
     "@docusaurus/theme-common": "^3.0.0",
     "@docusaurus/theme-mermaid": "^3.0.0",
+    "@intercom/messenger-js-sdk": "^0.0.11",
     "@mdx-js/react": "^3.0.0",
     "@metamask/design-tokens": "^1.11.1",
     "@metamask/docusaurus-openrpc": "^0.4.1",

diff --git a/src/theme/Footer/index.js b/src/theme/Footer/index.js
@@ -1,5 +1,7 @@
 import React, { useEffect } from "react";
 import Footer from "@theme-original/Footer";
+import { Intercom } from "@intercom/messenger-js-sdk";
+import useIsBrowser from "@docusaurus/useIsBrowser";
 
 export default function FooterWrapper(props) {
   useEffect(() => {
@@ -14,6 +16,14 @@ export default function FooterWrapper(props) {
       cookieBtn.removeEventListener("click", handleManageCookie);
     };
   }, []);
+
+  const isBrowser = useIsBrowser();
+  if (isBrowser) {
+    Intercom({
+      app_id: 'txttgas6'
+    });
+  }
+
   return (
     <>
       <Footer {...props} />

diff --git a/wallet/how-to/use-sdk/index.md b/wallet/how-to/use-sdk/index.md
@@ -19,51 +19,51 @@ The SDK supports the following dapp platforms:
 <div class="cards">
   <div class="card">
     <div class="card__header">
-      <h3>💻 <a href="javascript">JavaScript</a></h3>
+      <h3>💻 <a href="/wallet/how-to/use-sdk/javascript">JavaScript</a></h3>
     </div>
     <div class="card__body">
       <ul>
-        <li><a href="javascript/react">React</a></li>
-        <li><a href="javascript/pure-js">Pure JavaScript</a></li>
-        <li><a href="javascript/other-web-frameworks">Other web frameworks</a></li>
-        <li><a href="javascript/react-native">React Native</a></li>
-        <li><a href="javascript/nodejs">Node.js</a></li>
-        <li><a href="javascript/electron">Electron</a></li>
+        <li><a href="/wallet/how-to/use-sdk/javascript/react">React</a></li>
+        <li><a href="/wallet/how-to/use-sdk/javascript/pure-js">Pure JavaScript</a></li>
+        <li><a href="/wallet/how-to/use-sdk/javascript/other-web-frameworks">Other web frameworks</a></li>
+        <li><a href="/wallet/how-to/use-sdk/javascript/react-native">React Native</a></li>
+        <li><a href="/wallet/how-to/use-sdk/javascript/nodejs">Node.js</a></li>
+        <li><a href="/wallet/how-to/use-sdk/javascript/electron">Electron</a></li>
       </ul>
     </div>
   </div>
   <div class="card">
     <div class="card__header">
-      <h3>📱 <a href="mobile">Mobile</a></h3>
+      <h3>📱 <a href="/wallet/how-to/use-sdk/mobile">Mobile</a></h3>
     </div>
     <div class="card__body">
       <ul>
-        <li><a href="javascript/react-native">React Native</a></li>
-        <li><a href="mobile/ios">iOS</a></li>
-        <li><a href="mobile/android">Android</a></li>
+        <li><a href="/wallet/how-to/use-sdk/javascript/react-native">React Native</a></li>
+        <li><a href="/wallet/how-to/use-sdk/mobile/ios">iOS</a></li>
+        <li><a href="/wallet/how-to/use-sdk/mobile/android">Android</a></li>
       </ul>
     </div>
   </div>
   <div class="card">
     <div class="card__header">
-      <h3>🎮 <a href="gaming">Gaming</a></h3>
+      <h3>🎮 <a href="/wallet/how-to/use-sdk/gaming">Gaming</a></h3>
     </div>
     <div class="card__body">
       <ul>
-        <li><a href="gaming/unity">Unity</a></li>
-        <li><a href="gaming/unreal-engine">Unreal Engine</a> (coming soon)</li>
+        <li><a href="/wallet/how-to/use-sdk/gaming/unity">Unity</a></li>
+        <li><a href="/wallet/how-to/use-sdk/gaming/unreal-engine">Unreal Engine</a> (coming soon)</li>
       </ul>
     </div>
   </div>
 </div>
 <div class="card margin-bottom--lg">
   <div class="card__header">
-    <h3>↔️ <a href="3rd-party-libraries">Third-party libraries</a></h3>
+    <h3>↔️ <a href="/wallet/how-to/use-sdk/3rd-party-libraries">Third-party libraries</a></h3>
   </div>
   <div class="card__body">
     <ul>
-      <li><a href="3rd-party-libraries/web3-onboard">Web3-Onboard</a></li>
-      <li><a href="3rd-party-libraries/wagmi">Wagmi</a></li>
+      <li><a href="/wallet/how-to/use-sdk/3rd-party-libraries/web3-onboard">Web3-Onboard</a></li>
+      <li><a href="/wallet/how-to/use-sdk/3rd-party-libraries/wagmi">Wagmi</a></li>
     </ul>
   </div>
 </div>
diff --git a/yarn.lock b/yarn.lock
@@ -2597,6 +2597,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@intercom/messenger-js-sdk@npm:^0.0.11":
+  version: 0.0.11
+  resolution: "@intercom/messenger-js-sdk@npm:0.0.11"
+  checksum: 1b89cdfab5d332900101d9d9439fbbf654777c4d17027a654aa0a31d53bf6e9e3c08c7faa7939eed8c1b75a8b36ee6a93d05bf7bddd81edb4aae91a8f1939162
+  languageName: node
+  linkType: hard
+
 "@isaacs/cliui@npm:^8.0.2":
   version: 8.0.2
   resolution: "@isaacs/cliui@npm:8.0.2"
@@ -13397,6 +13404,7 @@ __metadata:
     "@docusaurus/theme-mermaid": ^3.0.0
     "@docusaurus/tsconfig": ^3.4.0
     "@docusaurus/types": ^3.4.0
+    "@intercom/messenger-js-sdk": ^0.0.11
     "@lavamoat/allow-scripts": ^3.0.4
     "@mdx-js/react": ^3.0.0
     "@metamask/design-tokens": ^1.11.1