change the color of scheduled state (#822)

Author: Hoang Nguyen

src/components/widgets/Status.vue

@@ -17,7 +17,12 @@
 
 <template>
   <a-tooltip placement="bottom" :title="$t(getTooltip(text))">
-    <a-badge style="display: inline-flex" :title="text" :status="getBadgeStatus(text)" :text="getText()" />
+    <a-badge
+      style="display: inline-flex"
+      :title="text"
+      :color="getStatusColor(text)"
+      :status="getBadgeStatus(text)"
+      :text="getText()" />
   </a-tooltip>
 </template>
 
@@ -106,7 +111,6 @@ export default {
           break
         case 'Migrating':
         case 'Scaling':
-        case 'Scheduled':
         case 'Starting':
         case 'Stopping':
         case 'Upgrading':
@@ -127,6 +131,13 @@ export default {
       }
       return status
     },
+    getStatusColor (state) {
+      if (state === 'Scheduled') {
+        return 'blue'
+      }
+
+      return null
+    },
     getTooltip (state) {
       if (!(state && this.displayText)) {
         return