PMCORE-3384:loading icon over TASK is not working

resources/assets/js/components/menu/CustomSidebarMenuItem.vue

@@ -39,10 +39,17 @@
                         "
                     >
                         <span :class="item.specialType != 'header'?'vsm--title': 'vsm--header vsm--title--header'">
-                            <custom-tooltip
+                            <template v-if="!verifyTaskMetrics">
-                                :data="item"
+                                <custom-tooltip
-                                ref="tooltip"
+                                    :data="item"
-                            ></custom-tooltip>
+                                    ref="tooltip"
+                                ></custom-tooltip>
+                            </template>
+                            <template v-else>
+                                <span>
+                                    {{ item.title }}
+                                </span>
+                            </template>
                             <span v-if="item.sortable">
                                 <b-icon
                                     :id="`gear-${item.id}`"
@@ -305,11 +312,10 @@ export default {
             }
         },
         /**
-         * Verify if the item is INBOX, DRAFT, PAUSED OR UNASSIGNED
+         * Verify if the item is TASK_METRICS
-         * to set functionality of tooltip and highlight 
          */
-        itemTaskList() {
+        verifyTaskMetrics() {
-            return this.menuMap[this.item.id] !== undefined;
+            return this.item.id === "TASK_METRICS";
         },
         /**
          * Set color to icon defined from custom case list

resources/assets/js/components/utils/CustomTooltip.vue

@@ -50,7 +50,7 @@ export default {
          * Delay the hover event
          */
         hoverHandler() {
-            this.isLoading = true;
+            this.loading = setTimeout(() => { this.isLoading = true }, 1000) ;
             this.hovering = setTimeout(() => { this.setTooltip() }, 3000);
         },
         /**
@@ -61,6 +61,7 @@ export default {
             this.labelDescription = "";
             this.showTooltip = false;
             this.isLoading = false;
+            clearTimeout(this.loading);
             clearTimeout(this.hovering);
         },
         /**