From 5547c6736bde4daf84919ec7683bb8bab8a16673 Mon Sep 17 00:00:00 2001
From: Allan Oliveira <138060158+allan-chagas-brisa@users.noreply.github.com>
Date: Tue, 3 Oct 2023 14:03:04 -0300
Subject: [PATCH] fix: indicator footer buttons render conditions (#856)
 :ambulance:
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Wérmeson Lopes <138120453+wermeson-lopes-brisa@users.noreply.github.com>
---
 .../lib/indicator/indicator.component.html    | 44 +++++++++----------
 1 file changed, 21 insertions(+), 23 deletions(-)

diff --git a/projects/ion/src/lib/indicator/indicator.component.html b/projects/ion/src/lib/indicator/indicator.component.html
index a4e11dd3a..69a1ff6cf 100644
--- a/projects/ion/src/lib/indicator/indicator.component.html
+++ b/projects/ion/src/lib/indicator/indicator.component.html
@@ -63,7 +63,7 @@ <h4 data-testid="ion-indicator-value">{{ value }}</h4>
         *ngIf="buttonConfig && !loading && !error"
       >
         <ion-button
-          *ngIf="buttonConfig.type !== 'popover'; else ionPopoverButton"
+          *ngIf="buttonConfig.type !== 'popover'"
           [attr.data-testid]="'ion-indicator-button-' + buttonConfig.type"
           type="ghost"
           size="sm"
@@ -72,28 +72,26 @@ <h4 data-testid="ion-indicator-value">{{ value }}</h4>
           [iconType]="buttonConfig.icon ? buttonConfig.icon : 'right2'"
           (ionOnClick)="handleButtonClick(buttonConfig.type)"
         ></ion-button>
-        <ng-template #ionPopoverButton>
-          <ion-button
-            [attr.data-testid]="'ion-indicator-button-' + buttonConfig.type"
-            type="ghost"
-            size="sm"
-            rightSideIcon="true"
-            [label]="buttonConfig.label"
-            [iconType]="buttonConfig.icon ? buttonConfig.icon : 'right2'"
-            (ionOnClick)="handleButtonClick(buttonConfig.type)"
-            ionPopover
-            [ionPopoverTitle]="buttonConfig.popoverConfig.ionPopoverTitle"
-            [ionPopoverBody]="ionIndicatorPopoverBody"
-            [ionPopoverActions]="buttonConfig.popoverConfig.ionPopoverActions"
-            [ionPopoverIcon]="buttonConfig.popoverConfig.ionPopoverIcon"
-            [ionPopoverIconClose]="
-              buttonConfig.popoverConfig.ionPopoverIconClose
-            "
-            [ionPopoverPosition]="buttonConfig.popoverConfig.ionPopoverPosition"
-            (ionOnFirstAction)="buttonConfig.popoverConfig.firstAction()"
-            (ionOnSecondAction)="buttonConfig.popoverConfig.secondAction()"
-          ></ion-button>
-        </ng-template>
+
+        <ion-button
+          *ngIf="buttonConfig.popoverConfig"
+          [attr.data-testid]="'ion-indicator-button-' + buttonConfig.type"
+          type="ghost"
+          size="sm"
+          rightSideIcon="true"
+          [label]="buttonConfig.label"
+          [iconType]="buttonConfig.icon ? buttonConfig.icon : 'right2'"
+          (ionOnClick)="handleButtonClick(buttonConfig.type)"
+          ionPopover
+          [ionPopoverTitle]="buttonConfig.popoverConfig.ionPopoverTitle"
+          [ionPopoverBody]="ionIndicatorPopoverBody"
+          [ionPopoverActions]="buttonConfig.popoverConfig.ionPopoverActions"
+          [ionPopoverIcon]="buttonConfig.popoverConfig.ionPopoverIcon"
+          [ionPopoverIconClose]="buttonConfig.popoverConfig.ionPopoverIconClose"
+          [ionPopoverPosition]="buttonConfig.popoverConfig.ionPopoverPosition"
+          (ionOnFirstAction)="buttonConfig.popoverConfig.firstAction()"
+          (ionOnSecondAction)="buttonConfig.popoverConfig.secondAction()"
+        ></ion-button>
       </footer>
     </div>
   </div>