ConfirmDialog shows double icon in confirm button

[StephanBis]

Describe the bug

After updating Angular and PrimeNG to to v15, the ConfirmDialog shows two icons when you set a custom icon. When not defining a custom icon, the default 'checkmark' icon is shown only once, as expected.

I'm using the ConfirmationService like this:

this.confirmationService.confirm({
    message: message,
    header: header,
    icon: 'pi pi-exclamation-triangle',
    acceptLabel: this.translateService.instant('general.yes'),
    acceptIcon: 'pi pi-trash',
    acceptButtonStyleClass: 'p-button-danger',
    rejectLabel: this.translateService.instant('general.no'),
    rejectButtonStyleClass: 'p-button-secondary p-button-text',
    accept: accept,
    defaultFocus: 'none'
});

Environment

• angular: ^15.2.9
• primeflex: ^3.3.0
• primeicons: ^6.0.0
• primeng: ^15.0.0

Reproducer

No response

Angular version

15.2.9

PrimeNG version

15.0.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

16.18.1

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

[volvachev]

Hi, it's duplicate #13001

[nelioyann]

For those looking for a workaround on version 15.x.x:
You can create a css class:

.hide-duplicated-icon{
  i.pi{
    display: none;
  }
}

Then you can use it whenever you get a duplicated icon like so:

this.confirmationService.confirm({
// [..............]
acceptButtonStyleClass: "p-button-sm p-button-danger hide-duplicated-icon",
acceptIcon: "pi pi-trash"
// [..............]
)}

Should also work once you upgrade to version 16+ as the element i.pi will be removed