Add support for all evm compatible chains

niccolopetti · Jun 5, 2022 · abca4e8 · abca4e8
1 parent a1ee29d
commit abca4e8
Show file tree

Hide file tree

Showing 6 changed files with 9,711 additions and 61 deletions.
diff --git a/src/App.js b/src/App.js
@@ -1,4 +1,5 @@
 import "./App.css";
+import Web3 from "web3";
 import React, { useState } from "react";
 import { createStyles, makeStyles } from "@material-ui/core/styles";
 import checkMyNFTImage from "./images/checkMyNFT.png";
@@ -13,6 +14,9 @@ import ResultsSection from "./components/ResultsSection";
 import FeaturedInSection from "./components/FeaturedInSection";
 import WhatIsMetadataSection from "./components/WhatIsMetadataSection";
 import FAQSection from "./components/FAQSection";
+import {
+  getConnectedChainInfo
+} from "./utils";
 
 const useStyles = makeStyles((theme) =>
   createStyles({
@@ -64,6 +68,52 @@ let defaultImgState = {
   loading: false,
 };
 
+
+let wssOptions = {
+  timeout: 30000, // ms
+
+  clientConfig: {
+    // Useful if requests are large
+    maxReceivedFrameSize: 100000000, // bytes - default: 1MiB
+    maxReceivedMessageSize: 100000000, // bytes - default: 8MiB
+
+    // Useful to keep a connection alive
+    keepalive: true,
+    keepaliveInterval: 60000, // ms
+  },
+
+  // Enable auto reconnection
+  reconnect: {
+    auto: true,
+    delay: 5000, // ms
+    maxAttempts: 5,
+    onTimeout: false,
+  },
+};
+
+let web3;
+let connectedChainInfo;
+(() => {
+  if(window.ethereum)
+{
+  connectedChainInfo = getConnectedChainInfo(window.ethereum.networkVersion)
+
+  web3 = new Web3(window.ethereum);
+  console.log("0")
+}
+else
+{
+  connectedChainInfo = getConnectedChainInfo('1')
+  web3 = new Web3(
+    new Web3.providers.WebsocketProvider(
+      "wss://mainnet.infura.io/ws/v3/a30464df239144d0a8eae3f8a426d03e",
+      wssOptions
+    )
+  );
+
+}
+})();
+
 function App() {
   // used in hero results and modal
   const classes = useStyles();
@@ -125,12 +175,16 @@ function App() {
               setErrors,
               fetchError,
               setFetchError,
+              web3,
+              connectedChainInfo
             }}
           />
           <FeaturedInSection />
           <WhatIsMetadataSection />
           <HowItWorksSection />
-          <FAQSection />
+          <FAQSection componentProps={{
+            connectedChainInfo
+          }}/>
           <TwitterSection />
           <NFTResourcesSection />
           <SupportSection />
@@ -152,6 +206,7 @@ function App() {
               setNFTInfo,
               setErrors,
               setFetchError,
+              connectedChainInfo
             }}
           />
         </React.Fragment>