feat: enable setting devMode from queryParams (#254)

* feat: enable setting devMode from queryParams

* docs: update dev mode docs

* docs: move dev mode comment

* docs: move dev mode comment

README.md

@@ -85,7 +85,7 @@ npm start
 
 The Bee Dashboard runs in development mode on [http://localhost:3031/](http://localhost:3031/)
 
-> Setting `REACT_APP_DEV_MODE=1` environment variable loosens some checks. This makes it possible to develop Bee Dashboard without having connected peers and chequebook properly set up, effectively supporting the dev mode of Bee itself.
+> Setting the `REACT_APP_DEV_MODE=1` environment variable, or opening Bee Dashboard with the query string `?devMode=1` loosens some checks. This makes it possible to develop Bee Dashboard without having connected peers and chequebook properly set up, effectively supporting the dev mode of Bee itself.
 
 ## Contribute
 

src/providers/Bee.tsx

@@ -51,6 +51,8 @@ interface ContextInterface {
   refresh: () => Promise<void>
 }
 
+const startedInDevMode = window.location.search.includes('devMode=1')
+
 const initialValues: ContextInterface = {
   status: {
     all: false,
@@ -102,6 +104,8 @@ function getStatus(
   chequebookBalance: ChequebookBalance | null,
   error: Error | null,
 ): Status {
+  // FIXME: `devMode` is a temporary workaround to be able to develop with only one node
+  const devMode = startedInDevMode || Boolean(process.env.REACT_APP_DEV_MODE)
   const status = {
     version: Boolean(
       debugApiHealth &&
@@ -112,13 +116,12 @@ function getStatus(
     blockchainConnection: Boolean(nodeAddresses?.ethereum),
     debugApiConnection: Boolean(debugApiHealth?.status === 'ok'),
     apiConnection: apiHealth,
-    // FIXME: `REACT_APP_DEV_MODE` is a temporary workaround to be able to develop with only one node
+    topology: Boolean(topology?.connected && topology?.connected > 0) || devMode,
-    topology: Boolean(topology?.connected && topology?.connected > 0) || Boolean(process.env.REACT_APP_DEV_MODE),
     chequebook:
       (Boolean(chequebookAddress?.chequebookAddress) &&
         chequebookBalance !== null &&
         chequebookBalance?.totalBalance.toBigNumber.isGreaterThan(0)) ||
-      Boolean(process.env.REACT_APP_DEV_MODE),
+      devMode,
   }
 
   return { ...status, all: !error && Object.values(status).every(v => v) }