Spin globe icon when retrieving Geo node status

Closes #1977

app/assets/javascripts/geo_nodes.js

@@ -3,6 +3,7 @@ import './smart_interval';
 
 const healthyClass = 'geo-node-icon-healthy';
 const unhealthyClass = 'geo-node-icon-unhealthy';
+const unknownClass = 'geo-node-icon-unknown';
 
 class GeoNodeStatus {
   constructor(el) {
@@ -40,6 +41,9 @@ class GeoNodeStatus {
   }
 
   setStatusIcon(healthy) {
+    this.$icon.removeClass('fa-spin');
+    this.$icon.removeClass(unknownClass);
+
     if (healthy) {
       this.$icon.removeClass(unhealthyClass)
                 .addClass(healthyClass)

app/assets/stylesheets/pages/geo_nodes.scss

@@ -6,6 +6,10 @@
   color: $gl-danger;
 }
 
+.geo-node-icon-unknown {
+  color: $gl-warning;
+}
+
 .geo-node-icon-disabled {
   color: $gray-darkest;
 }

app/helpers/ee/geo_helper.rb

@@ -4,10 +4,10 @@ def node_status_icon(node)
       if node.primary?
         icon 'star fw', class: 'has-tooltip', title: 'Primary node'
       else
-        status = node.enabled? ? 'healthy' : 'disabled'
+        status = node.enabled? ? 'unknown' : 'disabled'
 
         icon 'globe fw',
-             class: "js-geo-node-icon geo-node-icon-#{status} has-tooltip",
+             class: "js-geo-node-icon fa-spin geo-node-icon-#{status} has-tooltip",
              title: status.capitalize
       end
     end