Update database list behavior when server added or deleted

src/components/Settings.js

@@ -6,6 +6,7 @@ import Navbar from './NavBar';
 
 //  Utils
 import SettingsAPI from '../utils/SettingsAPI';
+import InfluxAPI from '../utils/InfluxAPI';
 
 //  Stores
 import SettingsStore from '../stores/SettingsStore';
@@ -115,12 +116,22 @@ class Settings extends Component {
     parser.href = this.state.AddServerUrl;
 
     let port = parser.port || 8086;
+    let protocol = parser.protocol || "http:";
 
-    let serverUrl = `${parser.protocol}//${parser.hostname}:${port}`;
+    let serverUrl = `${protocol}//${parser.hostname}:${port}`;
 
     //  Add the server
     console.log("Adding server..." + this.state.AddServerName);
     SettingsAPI.addServer(this.state.AddServerName, serverUrl);
+
+    //  If we have a current server:
+    if(SettingsStore.haveCurrentServer()){
+      //  Get the current server:
+      let currentServer = SettingsStore.getCurrentServer();
+
+      //  Reset the database list:
+      InfluxAPI.getDatabaseList(currentServer.url);
+    }
 
     //  Clear the add server fields:
     this.setState(
@@ -137,6 +148,14 @@ class Settings extends Component {
   _onRemoveServerClick = (name) => {
     console.log("Removing server..." + name);
     SettingsAPI.removeServer(name);
+
+    if(SettingsStore.haveCurrentServer()){
+      //  Get the current server:
+      let currentServer = SettingsStore.getCurrentServer();
+
+      //  Reset the database list:
+      InfluxAPI.getDatabaseList(currentServer.url);
+    }
   }
 
   //  Data changed:

src/stores/SettingsStore.js

@@ -31,11 +31,16 @@ class SettingsStore extends Store {
     return this.serverList;
   }
 
-  //  Returns 'true' if we have a current server
+  //  Returns 'true' if we don't have a current server
   needCurrentServer() {
     return isEmpty(this.getCurrentServer());
   }
 
+  //  Returns 'true' if we have a current server
+  haveCurrentServer() {
+    return isEmpty(this.getCurrentServer()) === false;
+  }
+
   //  Get the database list
   getDatabaseList() {
     return this.currentServerDBList;
@@ -84,6 +89,16 @@ class SettingsStore extends Store {
         this.serverList = action.servers;
         console.log(action);
 
+        //  If this list is now blank, we should reset
+        //  current database
+        //  list of databases
+        //  current server
+        if(this.serverList.length < 1){
+          this.currentDatabase = "";
+          this.currentServerDBList = [];
+          this.currentServer = {};
+        }
+
         this.__emitChange();
         break;
 

src/utils/InfluxAPI.js

@@ -42,7 +42,7 @@ class InfluxAPI {
         //  Gets the list of databases for the given server
         getDatabaseList(serverurl) {
 
-            if(serverurl === "")
+            if(!serverurl)
             {
                 console.log("Can't execute query: server is blank"); 
                 return;