use frontend specific RPC env (#66)

* change to frontend specific RPC env * show url instead of hardcoded devnet * add comment
XinFinOrg · Jul 22, 2024 · 0adee5a · 0adee5a
1 parent 42d4f30
commit 0adee5a
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 6 deletions.
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
@@ -15,6 +15,7 @@ import { configureChains, createConfig, WagmiConfig } from "wagmi";
 import { InjectedConnector } from "wagmi/connectors/injected";
 import { Chain, Wallet, connectorsForWallets } from "@rainbow-me/rainbowkit";
 import { ChainSetting } from "./main";
+import { rpcUrl } from "./constants/urls";
 
 function App() {
   const chainSetting = useLoaderData() as ChainSetting
@@ -31,8 +32,9 @@ function App() {
       symbol: chainSetting.denom,
     },
     rpcUrls: {
-      public: { http: [chainSetting.rpcUrl] },
-      default: { http: [chainSetting.rpcUrl] },
+      // public: { http: [chainSetting.rpcUrl] } //backend provided url, for reference.
+      public: { http: [rpcUrl] },
+      default: { http: [rpcUrl] },
     },
   } as const satisfies Chain;
 
@@ -65,7 +67,7 @@ function App() {
     [
       jsonRpcProvider({
         rpc: (chain) => ({
-          http: chainSetting.rpcUrl
+          http: rpcUrl
         }),
       }),
     ]

diff --git a/frontend/src/components/info-cards/InfoCards.tsx b/frontend/src/components/info-cards/InfoCards.tsx
@@ -170,7 +170,7 @@ function getMappedInfo(
             Math.round(loaderData.network.subnet.block.txThroughput * 100) / 100
           } txs/s`,
         },
-        { name: "Checkpointed to", value: loaderData.network.parentChain.name },
+        { name: "Checkpointed to", value: loaderData.network.parentChain.url },
       ],
     };
   }

diff --git a/frontend/src/constants/urls.ts b/frontend/src/constants/urls.ts
@@ -1 +1,2 @@
-export const baseUrl = `${import.meta.env.VITE_SUBNET_URL}`;
+export const baseUrl = `${import.meta.env.VITE_SUBNET_URL}`;
+export const rpcUrl = `${import.meta.env.VITE_SUBNET_RPC}`;
diff --git a/frontend/src/pages/management-login-page/ManagementLoggedInPage.tsx b/frontend/src/pages/management-login-page/ManagementLoggedInPage.tsx
@@ -5,6 +5,7 @@ import InfoList from "@/components/info-list/InfoList";
 import Loader from "@/components/loader/Loader";
 import { formatHash } from "@/utils/formatter";
 import { useAccount, useBalance, useNetwork } from "wagmi";
+import { rpcUrl } from "@/constants/urls";
 export default function ManagementLoggedInPage() {
 
   const [isLoading, setIsLoading] = useState(true);

diff --git a/frontend/src/pages/management-login-page/components/LoginError.tsx b/frontend/src/pages/management-login-page/components/LoginError.tsx
@@ -11,6 +11,7 @@ import { ErrorTypes } from "@/pages/errors";
 
 import type { InfoListInfo } from "@/types/info";
 import { ChainSetting } from "@/main";
+import { rpcUrl } from "@/constants/urls";
 interface LoginErrorProps {
   errorType: ErrorTypes;
   chainSetting: ChainSetting;
@@ -44,7 +45,7 @@ export default function LoginError({ errorType, chainSetting }: LoginErrorProps)
           <br></br>
           <b>Network name:</b> {chainSetting.networkName}
           <br></br>
-          <b>New RPC URL:</b> {chainSetting.rpcUrl}
+          <b>New RPC URL:</b> {rpcUrl}
           <br></br>
           <b>Chain ID:</b> {chainSetting.networkId}
           <br></br>