feat: make network switcher non-demo

subsquid · May 16, 2024 · a56b161 · a56b161
1 parent 8cc05d0
commit a56b161
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 19 deletions.
diff --git a/src/AppRoutes.tsx b/src/AppRoutes.tsx
@@ -2,7 +2,9 @@ import React from 'react';
 
 import { Navigate, Route, Routes } from 'react-router-dom';
 
+import { demoFeaturesEnabled } from '@hooks/demoFeaturesEnabled.ts';
 import { NetworkLayout } from '@layouts/NetworkLayout';
+import { NetworkName, useSubsquidNetwork } from '@network/useSubsquidNetwork.ts';
 import { AssetsPage } from '@pages/AssetsPage/AssetsPage.tsx';
 import { Vesting } from '@pages/AssetsPage/Vesting.tsx';
 import { DashboardPage } from '@pages/DashboardPage/DashboardPage.tsx';
@@ -20,12 +22,17 @@ import { hideLoader } from './index.tsx';
 export const AppRoutes = () => {
   hideLoader(0);
 
+  const { network } = useSubsquidNetwork();
+
   return (
     <Routes>
-      <Route element={<NetworkLayout />} path="/dashboard">
-        <Route element={<DashboardPage />} index />
-        <Route element={<Worker backPath="/dashboard" />} path="workers/:peerId" />
-      </Route>
+      {demoFeaturesEnabled() || network === NetworkName.Testnet ? (
+        <Route element={<NetworkLayout />} path="/dashboard">
+          <Route element={<DashboardPage />} index />
+          <Route element={<Worker backPath="/dashboard" />} path="workers/:peerId" />
+        </Route>
+      ) : null}
+
       <Route element={<NetworkLayout />} path="/assets">
         <Route element={<AssetsPage />} index />
         <Route element={<Vesting backPath="/assets" />} path="vestings/:address" />

diff --git a/src/layouts/NetworkLayout/NetworkLayout.tsx b/src/layouts/NetworkLayout/NetworkLayout.tsx
@@ -19,7 +19,6 @@ import { useDisconnect, useNetwork, useWalletClient } from 'wagmi';
 import { Logo } from '@components/Logo';
 import { NetworkSwitcher } from '@components/NetworkSwitcher';
 import { TopBanner, useBannerHeight } from '@components/TopBanner';
-import { demoFeaturesEnabled } from '@hooks/demoFeaturesEnabled';
 import { MenuIcon } from '@icons/MenuIcon';
 import { useAccount } from '@network/useAccount';
 import { getChainId, getNetworkName, useSubsquidNetwork } from '@network/useSubsquidNetwork';
@@ -268,7 +267,7 @@ export const NetworkLayout = ({
 
     if (chain?.id === getChainId(network)) return;
 
-    if (!chain?.unsupported && demoFeaturesEnabled()) {
+    if (!chain?.unsupported) {
       switchAndReset(getNetworkName(chain?.id));
       return;
     }
@@ -307,7 +306,7 @@ export const NetworkLayout = ({
             ) : null}
           </AppToolbarSidebar>
           <AppToolbarContent />
-          {demoFeaturesEnabled() ? <NetworkSwitcher hideText={isMobile} /> : null}
+          <NetworkSwitcher hideText={isMobile} />
           {/*{narrowXs ? null : <AppToolbarDivider />}*/}
           {narrowXs ? <AppToolbarContent /> : null}
           <UserMenu />

diff --git a/src/layouts/NetworkLayout/NetworkMenu.tsx b/src/layouts/NetworkLayout/NetworkMenu.tsx
@@ -3,12 +3,14 @@ import React, { ForwardedRef, forwardRef } from 'react';
 import { Box, Button, buttonClasses, styled } from '@mui/material';
 import { Link, useLocation } from 'react-router-dom';
 
+import { demoFeaturesEnabled } from '@hooks/demoFeaturesEnabled';
 import { AccountIcon } from '@icons/AccountIcon';
 import { ComputersIcon } from '@icons/ComputersIcon';
 import { ContactsIcon } from '@icons/ContactsIcon';
 import { DashboardIcon } from '@icons/DashboardIcon';
 import { DocumentIcon } from '@icons/DocumentIcon';
 import { OpenInNewIcon } from '@icons/OpenInNewIcon';
+import { NetworkName, useSubsquidNetwork } from '@network/useSubsquidNetwork';
 
 interface NetworkMenuProps {
   onItemClick: () => void;
@@ -131,6 +133,8 @@ export const Item = forwardRef(
 );
 
 export const NetworkMenu = ({ onItemClick }: NetworkMenuProps) => {
+  const { network } = useSubsquidNetwork();
+
   return (
     <>
       <div style={{ height: '1.125rem' }} />
@@ -141,7 +145,9 @@ export const NetworkMenu = ({ onItemClick }: NetworkMenuProps) => {
       {/*  path="/network-dashboard"*/}
       {/*/>*/}
 
-      <Item LeftIcon={DashboardIcon} label="Dashboard" onClick={onItemClick} path="/dashboard" />
+      {demoFeaturesEnabled() || network === NetworkName.Testnet ? (
+        <Item LeftIcon={DashboardIcon} label="Dashboard" onClick={onItemClick} path="/dashboard" />
+      ) : null}
       <Item LeftIcon={AccountIcon} label="Assets" onClick={onItemClick} path="/assets" />
       <Item LeftIcon={ComputersIcon} label="Workers" onClick={onItemClick} path="/workers" />
       <Item LeftIcon={AccountIcon} label="Delegations" onClick={onItemClick} path="/delegations" />

diff --git a/src/network/config.ts b/src/network/config.ts
@@ -5,8 +5,6 @@ import { arbitrumSepolia, arbitrum } from 'wagmi/chains';
 import { jsonRpcProvider } from 'wagmi/providers/jsonRpc';
 import { publicProvider } from 'wagmi/providers/public';
 
-import { demoFeaturesEnabled } from '@hooks/demoFeaturesEnabled';
-
 // export let CHAIN: Chain = arbitrumSepolia;
 // if (process.env.NETWORK === 'hardhat') {
 //   CHAIN = {
@@ -25,15 +23,18 @@ const {
   chains: configuredChains,
   publicClient,
   webSocketPublicClient,
-} = configureChains(demoFeaturesEnabled() ? [arbitrumSepolia, arbitrum] : [arbitrumSepolia], [
-  privateNode
-    ? jsonRpcProvider({
-        rpc: () => ({
-          http: privateNode,
-        }),
-      })
-    : publicProvider(),
-]);
+} = configureChains(
+  [arbitrumSepolia, arbitrum],
+  [
+    privateNode
+      ? jsonRpcProvider({
+          rpc: () => ({
+            http: privateNode,
+          }),
+        })
+      : publicProvider(),
+  ],
+);
 
 const connectors = connectorsForWallets([
   {