fix: troubleshooting on a mac and clearer CORS setup guide (#131)

* fix: service status check on macOS

* fix: config file location on mac and making the CORS setup clearer

* fix: error in the README cors instructions

README.md

@@ -38,7 +38,7 @@ npm install -g @ethersphere/bee-dashboard
 
 ## Usage
 
-:warning: To successfully connect to the Bee node, you will need to enable CORS for it. You can do so by setting `cors-allowed-origins: *` in the Bee config file and then restart the Bee node. To see where the bee config file is, consult the [official Bee documentation](https://docs.ethswarm.org/docs/working-with-bee/configuration#configuring-bee-installed-using-a-package-manager)
+:warning: To successfully connect to the Bee node, you will need to enable the Debug API and CORS. You can do so by setting `cors-allowed-origins: ['*']` and `debug-api-enable: true` in the Bee config file and then restart the Bee node. To see where the config file is, consult the [official Bee documentation](https://docs.ethswarm.org/docs/working-with-bee/configuration#configuring-bee-installed-using-a-package-manager)
 
 ### Terminal
 

src/pages/status/SetupSteps/DebugConnectionCheck.tsx

@@ -41,11 +41,7 @@ export default function NodeConnectionCheck({ isLoading, isOk }: Props): ReactEl
               <Typography component="div">
                 <ol>
                   <li>Check the status of your node by running the below command to see if your node is running.</li>
-                  <CodeBlockTabs
+                  <CodeBlockTabs showLineNumbers linux={`sudo systemctl status bee`} mac={`brew services list`} />
-                    showLineNumbers
-                    linux={`sudo systemctl status bee`}
-                    mac={`brew services status swarm-bee`}
-                  />
                   <li>
                     If your node is running, check your firewall settings to make sure that port 1635 (or your custom
                     specified port) is bound to localhost. If your node is not running try executing the below command
@@ -71,19 +67,20 @@ export default function NodeConnectionCheck({ isLoading, isOk }: Props): ReactEl
                   <CodeBlockTabs
                     showLineNumbers
                     linux={`sudo systemctl status bee \njournalctl --lines=100 --follow --unit bee`}
-                    mac={`brew services status swarm-bee \ntail -f /usr/local/var/log/swarm-bee/bee.log`}
+                    mac={`brew services list \ntail -f /usr/local/var/log/swarm-bee/bee.log`}
                   />
                   <li>
                     Lastly, check your nodes configuration settings to validate the debug API is enabled and the Cross
                     Origin Resource Sharing (CORS) setting is configured to allow your host. Config parameter{' '}
                     <strong>debug-api-enable</strong> must be set to <strong>true</strong> and{' '}
-                    <strong>cors-allowed-origins</strong> must be set to your host domain or IP. If edits are made to
+                    <strong>cors-allowed-origins</strong> must be set to your host domain or IP (you can also use the
-                    the configuration run the restart command below for changes to take effect.
+                    wildcard <code>{"cors-allowed-origins: ['*']"}</code>). If edits are made to the configuration run
+                    the restart command below for changes to take effect.
                   </li>
                   <CodeBlockTabs
                     showLineNumbers
                     linux={`sudo vi /etc/bee/bee.yaml\nsudo systemctl restart bee`}
-                    mac={`sudo vi /etc/bee/bee.yaml \nbrew services restart swarm-bee`}
+                    mac={`sudo vi /usr/local/etc/swarm-bee/bee.yaml \nbrew services restart swarm-bee`}
                   />
                 </ol>
               </Typography>

src/pages/status/SetupSteps/NodeConnectionCheck.tsx

@@ -32,11 +32,7 @@ export default function NodeConnectionCheck({ isLoading, isOk }: Props): ReactEl
                 <Typography component="div">
                   <ol>
                     <li>Check the status of your node by running the below command to see if your node is running.</li>
-                    <CodeBlockTabs
+                    <CodeBlockTabs showLineNumbers linux={`sudo systemctl status bee`} mac={`brew services list`} />
-                      showLineNumbers
-                      linux={`sudo systemctl status bee`}
-                      mac={`brew services status swarm-bee`}
-                    />
                     <li>
                       If your node is running, check your firewall settings to make sure that port 1633 (or your custom
                       specified port) is exposed to the internet. If your node is not running try executing the below
@@ -51,7 +47,7 @@ export default function NodeConnectionCheck({ isLoading, isOk }: Props): ReactEl
                     <CodeBlockTabs
                       showLineNumbers
                       linux={`sudo systemctl status bee \njournalctl --lines=100 --follow --unit bee`}
-                      mac={`brew services status swarm-bee \ntail -f /usr/local/var/log/swarm-bee/bee.log`}
+                      mac={`brew services list \ntail -f /usr/local/var/log/swarm-bee/bee.log`}
                     />
                   </ol>
                 </Typography>