From eaefc2a69fc979f5a5dfb25552ec2f3ab4cdd2f3 Mon Sep 17 00:00:00 2001
From: Hoang Nguyen <hoangnm@unitech.vn>
Date: Tue, 23 Mar 2021 20:52:59 +0700
Subject: [PATCH] ui: Fix the styles action button (#4856)

---
 ui/src/components/view/ActionButton.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/view/ActionButton.vue b/ui/src/components/view/ActionButton.vue
index 4f205900d56..fd25c70d557 100644
--- a/ui/src/components/view/ActionButton.vue
+++ b/ui/src/components/view/ActionButton.vue
@@ -17,11 +17,11 @@
 
 <template>
   <span class="row-action-button">
-    <a-tooltip arrowPointAtCenter placement="bottomRight">
+    <a-tooltip arrowPointAtCenter placement="bottomRight" v-if="resource && resource.id && dataView">
       <template slot="title">
         {{ $t('label.view.console') }}
       </template>
-      <console :resource="resource" :size="size" v-if="resource && resource.id && dataView" />
+      <console :resource="resource" :size="size" />
     </a-tooltip>
     <a-tooltip
       v-for="(action, actionIndex) in actions"