feat(reference): act-1498 - removed ff condition for new reference pages (#1542)

* feat(reference): act-1498 - removed ff condition for new reference pages

* feat(reference): fix build

Author: TrofimovAnton85

src/theme/Layout/index.tsx

@@ -1,22 +1,18 @@
-import React, { useState, useEffect, useMemo } from "react";
+import React, { useMemo } from "react";
 import { usePluginData } from "@docusaurus/useGlobalData";
-import ldClient from "launchdarkly";
 import { useLocation } from "@docusaurus/router";
 import Layout from "@theme-original/Layout";
 import ParserOpenRPC from "@site/src/components/ParserOpenRPC";
 import { ResponseItem, NETWORK_NAMES } from "@site/src/plugins/plugin-json-rpc";
 import styles from "./styles.module.css";
 
-const REF_FF = "mm-new-reference-enabled";
 const REF_PATH = "/wallet/reference/";
 
 export default function LayoutWrapper({ children }) {
   const location = useLocation();
   const { netData } = usePluginData("plugin-json-rpc") as {
     netData?: ResponseItem[];
   };
-  const [ldReady, setLdReady] = useState(false);
-  const [newReferenceEnabled, setNewReferenceEnabled] = useState(false);
 
   const metamaskNetwork = netData?.find(
     (net) => net.name === NETWORK_NAMES.metamask
@@ -37,53 +33,27 @@ export default function LayoutWrapper({ children }) {
     return false;
   }, [location.pathname, metamaskMethods]);
 
-  useEffect(() => {
-    ldClient.waitUntilReady().then(() => {
-      setNewReferenceEnabled(ldClient.variation(REF_FF, false));
-      setLdReady(true);
-    });
-    const handleChange = (current) => {
-      setNewReferenceEnabled(current);
-    };
-    ldClient.on(`change:${REF_FF}`, handleChange);
-    return () => {
-      ldClient.off(`change:${REF_FF}`, handleChange);
-    };
-  }, []);
-
-  if (!referencePageName) {
-    return (
-      <Layout>{children}</Layout>
-    )
-  }
-
   return (
     <>
       {
-        !ldReady ? null : (
-          <>
-            {
-              newReferenceEnabled ? (
-                <Layout>
-                  <div className={styles.pageWrapper}>
-                    {children?.props?.children[0]?.type === "aside" && (
-                    <>{children.props.children[0]}</>
-                  )}
-                  <div className={styles.mainContainer}>
-                    <div className={styles.contentWrapper}>
-                      <ParserOpenRPC
-                        network={NETWORK_NAMES.metamask}
-                        method={referencePageName}
-                      />
-                    </div>
-                  </div>
-                </div>
-              </Layout>
-              ) : (
-                <Layout>{children}</Layout>
-              )
-            }
-          </>
+        referencePageName ? (
+          <Layout>
+            <div className={styles.pageWrapper}>
+              {children?.props?.children[0]?.type === "aside" && (
+              <>{children.props.children[0]}</>
+            )}
+            <div className={styles.mainContainer}>
+              <div className={styles.contentWrapper}>
+                <ParserOpenRPC
+                  network={NETWORK_NAMES.metamask}
+                  method={referencePageName}
+                />
+              </div>
+            </div>
+          </div>
+        </Layout>
+        ) : (
+          <Layout>{children}</Layout>
         )
       }
     </>

src/theme/Root.tsx

@@ -1,5 +1,6 @@
 import React, { useState, createContext, ReactChild } from "react";
 import { MetaMaskSDK } from "@metamask/sdk";
+import BrowserOnly from "@docusaurus/BrowserOnly";
 
 export const MetamaskProviderContext = createContext(null);
 
@@ -34,12 +35,18 @@ export default function Root({ children }: { children: ReactChild}) {
   }
 
   return (
-    <MetamaskProviderContext.Provider value={{
-      metaMaskProvider,
-      metaMaskAccount,
-      metaMaskConnectHandler
-    }}>
-      {children}
-    </MetamaskProviderContext.Provider>
+    <BrowserOnly>
+      {
+        () => (
+          <MetamaskProviderContext.Provider value={{
+            metaMaskProvider,
+            metaMaskAccount,
+            metaMaskConnectHandler
+          }}>
+            {children}
+          </MetamaskProviderContext.Provider>
+        )
+      }
+    </BrowserOnly>
   );
 }