Add info what environment dapp is running on (#448)

![image](https://github.com/tahowallet/dapp/assets/20949277/286d8c28-b2c8-4586-889d-31fa29a62050)
tahowallet · Oct 20, 2023 · d6b8789 · d6b8789
2 parents 3d0f375 + 8155034
commit d6b8789
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/src/shared/hooks/tenderly.ts b/src/shared/hooks/tenderly.ts
@@ -20,6 +20,7 @@ export function useResetTenderlyFork() {
     if (
       process.env.ALLOW_TENDERLY_RESET !== "true" ||
       process.env.USE_TENDERLY_FORK !== "true" ||
+      process.env.TENDERLY_ACCESS_KEY === undefined ||
       process.env.TENDERLY_FORK_HEAD === undefined ||
       process.env.TENDERLY_FORK_HEAD === ""
     ) {

diff --git a/src/ui/Nav/index.tsx b/src/ui/Nav/index.tsx
@@ -37,6 +37,18 @@ const NAV_ITEMS = [
   // },
 ]
 
+function EnvironmentInfo() {
+  if (process.env.USE_LOCALHOST_FORK === "true") {
+    return <span>🏝️ Using localhost</span>
+  }
+
+  if (process.env.USE_TENDERLY_FORK === "true") {
+    return <span>⚡️ Using fork</span>
+  }
+
+  return null
+}
+
 export default function Nav(): JSX.Element {
   const { isConnected, connect } = useConnect()
   const resetTenderlyFork = useResetTenderlyFork()
@@ -73,6 +85,7 @@ export default function Nav(): JSX.Element {
                 />
               )
             )}
+            <EnvironmentInfo />
           </nav>
         </div>
         <div className="logo_container">