Add config variable for skipping the graph

This is mostly useful if we want to restrict a deployment
to display only a few layers.

Author: csillag

.env

@@ -27,4 +27,5 @@ REACT_APP_STAGING_URLS=https://explorer.stg.oasis.io
 REACT_APP_SHOW_BUILD_BANNERS=true
 # REACT_APP_FIXED_NETWORK=testnet
 # REACT_APP_FIXED_LAYER=sapphire
+# REACT_APP_SKIP_GRAPH=true
 REACT_APP_SHOW_FIAT_VALUES=true

.env.production

@@ -22,4 +22,5 @@ REACT_APP_STAGING_URLS=https://explorer.stg.oasis.io
 REACT_APP_SHOW_BUILD_BANNERS=true
 # REACT_APP_FIXED_NETWORK=testnet
 # REACT_APP_FIXED_LAYER=sapphire
+# REACT_APP_SKIP_GRAPH=true
 REACT_APP_SHOW_FIAT_VALUES=true

src/app/utils/route-utils.ts

@@ -11,6 +11,7 @@ import { isLayerHidden } from '../../types/layers'
 
 export const fixedNetwork = process.env.REACT_APP_FIXED_NETWORK as Network | undefined
 export const fixedLayer = process.env.REACT_APP_FIXED_LAYER as Layer | undefined
+export const skipGraph = !!fixedLayer || !!(process.env.REACT_APP_SKIP_GRAPH as boolean | undefined)
 
 export type ScopeFreedom =
   | 'network' // We can select only the network

src/routes.tsx

@@ -23,6 +23,7 @@ import {
   fixedNetwork,
   fixedLayer,
   RouteUtils,
+  skipGraph,
 } from './app/utils/route-utils'
 import { RoutingErrorPage } from './app/pages/RoutingErrorPage'
 import { ThemeByNetwork, withDefaultTheme } from './app/components/ThemeByNetwork'
@@ -65,7 +66,7 @@ const NetworkSpecificPart = () => (
 )
 
 /**
- * In case of being restricted to a specific layer, jump to a dashboard
+ * In case of being restricted to a specific layer or layers, jump to a dashboard
  *
  * This should be rendered on the landing page, since we don't want the opening graph.
  */
@@ -75,8 +76,11 @@ const RedirectToDashboard: FC = () => {
   useEffect(() =>
     navigate(
       RouteUtils.getDashboardRoute({
-        network: fixedNetwork ?? RouteUtils.getEnabledNetworksForLayer(fixedLayer!)[0]!,
-        layer: fixedLayer!,
+        network:
+          fixedNetwork ?? fixedLayer
+            ? RouteUtils.getEnabledNetworksForLayer(fixedLayer)[0]!
+            : RouteUtils.getEnabledScopes()[0].network,
+        layer: fixedLayer ?? RouteUtils.getEnabledScopes()[0].layer,
       }),
     ),
   )
@@ -99,7 +103,7 @@ export const routes: RouteObject[] = [
     children: [
       {
         path: '/',
-        element: fixedLayer ? <RedirectToDashboard /> : withDefaultTheme(<HomePage />, true),
+        element: skipGraph ? <RedirectToDashboard /> : withDefaultTheme(<HomePage />, true),
       },
       ...(!!fixedNetwork && !!fixedLayer
         ? []

src/types/global.d.ts

@@ -28,6 +28,7 @@ declare global {
       REACT_APP_STAGING_URLS?: string
       REACT_APP_FIXED_NETWORK?: string
       REACT_APP_FIXED_LAYER?: string
+      REACT_APP_SKIP_GRAPH?: string
       REACT_APP_SHOW_FIAT_VALUES: 'true' | 'false'
     }
   }