fix: indicator footer buttons render conditions

Brisanet · Oct 2, 2023 · cc0be06 · cc0be06
1 parent 63024a6
commit cc0be06
Showing 1 changed file with 21 additions and 23 deletions.
diff --git a/projects/ion/src/lib/indicator/indicator.component.html b/projects/ion/src/lib/indicator/indicator.component.html
@@ -48,7 +48,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"
@@ -57,28 +57,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>