From 07debe9d0854a58c841b7e11b05ac7bc5b110e20 Mon Sep 17 00:00:00 2001
From: Denys Vuika <denys.vuika@gmail.com>
Date: Wed, 10 Jul 2024 15:47:16 -0400
Subject: [PATCH] migrate to adf-button

---
 .../rule-details/edit-rule-dialog.ui-component.html   |  2 +-
 .../toolbar/view-node/view-node.component.ts          | 11 ++++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.html b/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.html
index ec2d1e9e9..37e370b40 100644
--- a/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.html
+++ b/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.html
@@ -2,7 +2,7 @@
   <div class="aca-edit-rule-dialog__header__title" data-automation-id="edit-rule-dialog-title">
     {{ title | translate }}
   </div>
-  <adf-button variant="icon" icon="close" mat-dialog-close tabindex="-1" [iconSize]="'18px'"></adf-button>
+  <adf-button variant="icon" icon="close" mat-dialog-close tabindex="-1" iconSize="18px"></adf-button>
 </div>
 
 <mat-dialog-content class="aca-edit-rule-dialog__content">
diff --git a/projects/aca-content/src/lib/components/toolbar/view-node/view-node.component.ts b/projects/aca-content/src/lib/components/toolbar/view-node/view-node.component.ts
index 10998441f..8e75b3d79 100644
--- a/projects/aca-content/src/lib/components/toolbar/view-node/view-node.component.ts
+++ b/projects/aca-content/src/lib/components/toolbar/view-node/view-node.component.ts
@@ -35,21 +35,22 @@ import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import { MatMenuModule } from '@angular/material/menu';
 import { MatDialogModule } from '@angular/material/dialog';
+import { ButtonComponent } from '@alfresco/adf-core';
 
 @Component({
   standalone: true,
-  imports: [CommonModule, TranslateModule, MatButtonModule, MatIconModule, MatMenuModule, MatDialogModule],
+  imports: [CommonModule, TranslateModule, MatButtonModule, MatIconModule, MatMenuModule, MatDialogModule, ButtonComponent],
   selector: 'app-view-node',
   template: `
-    <button
+    <adf-button
       *ngIf="data.iconButton"
-      mat-icon-button
+      variant="icon"
+      icon="visibility"
       [attr.aria-label]="data.title | translate"
       [attr.title]="data.title | translate"
       (click)="onClick()"
     >
-      <mat-icon>visibility</mat-icon>
-    </button>
+    </adf-button>
 
     <button *ngIf="data.menuButton" mat-menu-item (click)="onClick()">
       <mat-icon>visibility</mat-icon>