From 157e4a0dbe6e47076b291fdcb3c8c373f6eb990b Mon Sep 17 00:00:00 2001
From: Hoang Nguyen <hoangnm@unitech.vn>
Date: Wed, 28 Oct 2020 11:42:17 +0700
Subject: [PATCH] change the color of scheduled state (#822)

Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
---
 ui/src/components/widgets/Status.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/widgets/Status.vue b/ui/src/components/widgets/Status.vue
index d67f6bdd1e9..fa8fe1a3b20 100644
--- a/ui/src/components/widgets/Status.vue
+++ b/ui/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