From f67e6659dd3e63c38a0c0746b063a2712fccca00 Mon Sep 17 00:00:00 2001
From: aednikanov <denys.nikanov@agileengine.com>
Date: Thu, 26 Sep 2024 18:56:59 +0300
Subject: [PATCH] feat(docs): added constant based on env

---
 src/components/ParserOpenRPC/RequestBox/index.tsx | 4 ++--
 src/components/ParserOpenRPC/index.tsx            | 5 ++---
 src/lib/constants.js                              | 5 +++++
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/ParserOpenRPC/RequestBox/index.tsx b/src/components/ParserOpenRPC/RequestBox/index.tsx
index ec6bdc96857..4b6767253c5 100644
--- a/src/components/ParserOpenRPC/RequestBox/index.tsx
+++ b/src/components/ParserOpenRPC/RequestBox/index.tsx
@@ -6,6 +6,7 @@ import styles from "./styles.module.css";
 import global from "../global.module.css";
 import { Tooltip } from "@site/src/components/Tooltip";
 import { MetamaskProviderContext } from "@site/src/theme/Root";
+import { LINEA_REQUEST_URL } from "@site/src/lib/constants";
 
 interface RequestBoxProps {
   isMetamaskInstalled: boolean;
@@ -32,12 +33,11 @@ export default function RequestBox({
   const exampleRequest = useMemo(() => {
     const preparedParams = JSON.stringify(paramsData, null, 2);
     const preparedShellParams = JSON.stringify(paramsData);
-    const NETWORK_URL = "https://linea-mainnet.infura.io";
     const API_KEY = userAPIKey ? userAPIKey : "<YOUR-API-KEY>";
     if (isMetamaskNetwork) {
       return `await window.ethereum.request({\n "method": "${method}",\n "params": ${preparedParams.replace(/"([^"]+)":/g, '$1:')},\n});`;
     }
-    return `curl ${NETWORK_URL}/v3/${API_KEY} \\\n  -X POST \\\n  -H "Content-Type: application/json" \\\n  -d '{\n    "jsonrpc": "2.0",\n    "method": "${method}",\n    "params": ${preparedShellParams},\n    "id": 1\n  }'`;
+    return `curl ${LINEA_REQUEST_URL}/v3/${API_KEY} \\\n  -X POST \\\n  -H "Content-Type: application/json" \\\n  -d '{\n    "jsonrpc": "2.0",\n    "method": "${method}",\n    "params": ${preparedShellParams},\n    "id": 1\n  }'`;
   }, [userAPIKey, method, paramsData]);
 
   const exampleResponse = useMemo(() => {
diff --git a/src/components/ParserOpenRPC/index.tsx b/src/components/ParserOpenRPC/index.tsx
index 231c2c3f7d2..4ef5a6af256 100644
--- a/src/components/ParserOpenRPC/index.tsx
+++ b/src/components/ParserOpenRPC/index.tsx
@@ -18,7 +18,7 @@ import {
 import { AuthBox } from "@site/src/components/ParserOpenRPC/AuthBox";
 import { MetamaskProviderContext } from "@site/src/theme/Root";
 import ProjectsBox from "@site/src/components/ParserOpenRPC/ProjectsBox";
-import { REF_PATH } from "@site/src/lib/constants";
+import { LINEA_REQUEST_URL, REF_PATH } from "@site/src/lib/constants";
 
 interface ParserProps {
   network: NETWORK_NAMES;
@@ -168,8 +168,7 @@ export default function ParserOpenRPC({
         setReqResult(e);
       }
     } else {
-      const NETWORK_URL = "https://linea-mainnet.infura.io";
-      const URL = `${NETWORK_URL}/v3/${userAPIKey}`;
+      const URL = `${LINEA_REQUEST_URL}/v3/${userAPIKey}`;
       let params = {
         method: "POST",
         "Content-Type": "application/json",
diff --git a/src/lib/constants.js b/src/lib/constants.js
index db899f68212..f10a18bdc57 100644
--- a/src/lib/constants.js
+++ b/src/lib/constants.js
@@ -474,3 +474,8 @@ export const REQUEST_PARAMS = (method = "POST") => ({
 export const AUTH_WALLET_SESSION_NAME = "auth.wallet.session";
 export const AUTH_WALLET_TOKEN = "auth.wallet.token";
 export const AUTH_WALLET_PROJECTS = "auth.wallet.projects";
+export const LINEA_DEV_URL = "https://linea-mainnet.dev.infura.org";
+export const LINEA_PROD_URL = "https://linea-mainnet.infura.io";
+export const LINEA_REQUEST_URL = process.env.VERCEL_ENV === "production"
+    ? LINEA_PROD_URL
+    : LINEA_DEV_URL;