- Fix z-index not being respected issue

- Fix react strict mode double rendering issue
Web3Auth · Jan 11, 2023 · 32fecc9 · 32fecc9
1 parent e5771c9
commit 32fecc9
Show file tree

Hide file tree

Showing 5 changed files with 52 additions and 52 deletions.
diff --git a/demo/custom-ui-react-app/src/config/chainConfig.ts b/demo/custom-ui-react-app/src/config/chainConfig.ts
@@ -5,7 +5,7 @@ export const CHAIN_CONFIG = {
     displayName: "Ethereum Mainnet",
     chainNamespace: CHAIN_NAMESPACES.EIP155,
     chainId: "0x1",
-    rpcTarget: `https://mainnet.infura.io/v3/776218ac4734478c90191dde8cae483c`,
+    rpcTarget: `https://rpc.ankr.com/eth`,
     blockExplorer: "https://etherscan.io/",
     ticker: "ETH",
     tickerName: "Ethereum",

diff --git a/demo/react-app/package-lock.json b/demo/react-app/package-lock.json
diff --git a/demo/react-app/src/config/chainConfig.ts b/demo/react-app/src/config/chainConfig.ts
@@ -5,7 +5,7 @@ export const CHAIN_CONFIG = {
     displayName: "Ethereum Mainnet",
     chainNamespace: CHAIN_NAMESPACES.EIP155,
     chainId: "0x1",
-    rpcTarget: `https://mainnet.infura.io/v3/776218ac4734478c90191dde8cae483c`,
+    rpcTarget: `https://rpc.ankr.com/eth`,
     blockExplorer: "https://etherscan.io/",
     ticker: "ETH",
     tickerName: "Ethereum",

diff --git a/demo/react-app/src/services/web3auth.tsx b/demo/react-app/src/services/web3auth.tsx
@@ -102,8 +102,8 @@ export const Web3AuthProvider: FunctionComponent<IWeb3AuthState> = ({ children,
           clientId,
           uiConfig: {
             defaultLanguage: "en",
-            theme:"dark",
-          }
+            theme: "dark",
+          },
         });
         const adapter = new OpenloginAdapter({ adapterSettings: { network: web3AuthNetwork, clientId } });
         web3AuthInstance.configureAdapter(adapter);

diff --git a/packages/ui/src/loginModal.tsx b/packages/ui/src/loginModal.tsx
@@ -24,9 +24,13 @@ import { ExternalWalletEventType, LOGIN_MODAL_EVENTS, MODAL_STATUS, ModalState,
 
 const DEFAULT_LOGO_URL = "https://images.web3auth.io/web3auth-logo.svg";
 function createWrapper(parentZIndex: string): HTMLElement {
+  const existingWrapper = document.getElementById("w3a-container");
+  if (existingWrapper) return existingWrapper;
+
   const parent = document.createElement("section");
   parent.classList.add("w3a-parent-container");
   parent.style.zIndex = parentZIndex;
+  parent.style.position = "relative";
   const wrapper = document.createElement("section");
   wrapper.setAttribute("id", "w3a-container");
   parent.appendChild(wrapper);