From 60ce807e0817506b05e690459c03212fb456dbe6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Fri, 9 Apr 2021 17:04:21 +0300
Subject: [PATCH] Fixed circle button

---
 ...-attributes-csv-import-dialog.component.html |  1 +
 .../circle-button/circle-button.component.html  |  4 ++--
 .../circle-button/circle-button.component.ts    | 17 +++++++++++++----
 3 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.html b/apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.html
index f6601cfbd..a7d351df9 100644
--- a/apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.html
@@ -222,6 +222,7 @@
                             <div class="action-buttons">
                                 <redaction-circle-button
                                     (action)="toggleFieldActive(field)"
+                                    [removeTooltip]="true"
                                     tooltip="file-attributes-csv-import.action.remove"
                                     type="dark-bg"
                                     icon="red:trash"
diff --git a/apps/red-ui/src/app/modules/shared/components/buttons/circle-button/circle-button.component.html b/apps/red-ui/src/app/modules/shared/components/buttons/circle-button/circle-button.component.html
index 851878fd7..9ae2ab412 100644
--- a/apps/red-ui/src/app/modules/shared/components/buttons/circle-button/circle-button.component.html
+++ b/apps/red-ui/src/app/modules/shared/components/buttons/circle-button/circle-button.component.html
@@ -1,6 +1,6 @@
-<div #matTooltip="matTooltip" [matTooltipClass]="tooltipClass" [matTooltipPosition]="tooltipPosition" [matTooltip]="tooltip | translate">
+<div [matTooltipClass]="tooltipClass" [matTooltipPosition]="tooltipPosition" [matTooltip]="tooltip | translate">
     <button
-        (click)="matTooltip.hide(0); performAction($event)"
+        (click)="performAction($event)"
         [class.dark-bg]="type === 'dark-bg'"
         [class.primary]="type === 'primary'"
         [class.warn]="type === 'warn'"
diff --git a/apps/red-ui/src/app/modules/shared/components/buttons/circle-button/circle-button.component.ts b/apps/red-ui/src/app/modules/shared/components/buttons/circle-button/circle-button.component.ts
index 5bfe2c1df..91595c0d9 100644
--- a/apps/red-ui/src/app/modules/shared/components/buttons/circle-button/circle-button.component.ts
+++ b/apps/red-ui/src/app/modules/shared/components/buttons/circle-button/circle-button.component.ts
@@ -1,4 +1,5 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';
+import { MatTooltip } from '@angular/material/tooltip';
 
 @Component({
     selector: 'redaction-circle-button',
@@ -15,18 +16,26 @@ export class CircleButtonComponent implements OnInit {
     @Input() small = false;
     @Input() type: 'default' | 'primary' | 'warn' | 'dark-bg' = 'default';
     @Input() dummy = false;
+    @Input() removeTooltip = false;
     @Output() action = new EventEmitter<any>();
 
+    @ViewChild(MatTooltip) matTooltip: MatTooltip;
+
     constructor() {}
 
     ngOnInit(): void {}
 
     performAction($event: any) {
         if (!this.disabled) {
-            // Timeout to allow tooltip to disappear first
-            setTimeout(() => {
+            if (this.removeTooltip) {
+                this.matTooltip.hide();
+                // Timeout to allow tooltip to disappear first
+                setTimeout(() => {
+                    this.action.emit($event);
+                }, 0);
+            } else {
                 this.action.emit($event);
-            }, 0);
+            }
         }
     }
 }