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

---
 .../search-results.component.html             | 21 +++----------------
 .../search-results.component.scss             | 11 +++-------
 .../search-results.component.ts               |  7 +++----
 3 files changed, 9 insertions(+), 30 deletions(-)

diff --git a/projects/aca-content/src/lib/components/search/search-results/search-results.component.html b/projects/aca-content/src/lib/components/search/search-results/search-results.component.html
index d642335ff..2faa99498 100644
--- a/projects/aca-content/src/lib/components/search/search-results/search-results.component.html
+++ b/projects/aca-content/src/lib/components/search/search-results/search-results.component.html
@@ -128,24 +128,9 @@
       >
         <adf-viewer-toolbar>
           <div class="adf-search-results--preview-toolbar">
-            <div>
-              <button mat-icon-button title="{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}" (click)="onDrawerClosed()">
-                <mat-icon>close</mat-icon>
-              </button>
-            </div>
-            <div>
-              <button
-                mat-icon-button
-                title="{{ 'ADF_VIEWER.ACTIONS.PREVIEW' | translate }}"
-                color="accent"
-                class="adf-search-results--visibility_button"
-              >
-                <mat-icon>visibility</mat-icon>
-              </button>
-              <button mat-icon-button title="{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}" (click)="onPreviewClosed()">
-                <mat-icon>info_outline</mat-icon>
-              </button>
-            </div>
+            <adf-button variant="icon" icon="close" [tooltip]="'ADF_VIEWER.ACTIONS.CLOSE' | translate" (click)="onDrawerClosed()"></adf-button>
+            <adf-button variant="icon" icon="visibility" [tooltip]="'ADF_VIEWER.ACTIONS.PREVIEW' | translate" color="accent"></adf-button>
+            <adf-button variant="icon" icon="info_outline" [tooltip]="'ADF_VIEWER.ACTIONS.CLOSE' | translate" (click)="onPreviewClosed()"></adf-button>
           </div>
         </adf-viewer-toolbar>
       </adf-alfresco-viewer>
diff --git a/projects/aca-content/src/lib/components/search/search-results/search-results.component.scss b/projects/aca-content/src/lib/components/search/search-results/search-results.component.scss
index 2bd478ccb..fd66d2c9e 100644
--- a/projects/aca-content/src/lib/components/search/search-results/search-results.component.scss
+++ b/projects/aca-content/src/lib/components/search/search-results/search-results.component.scss
@@ -45,10 +45,10 @@ aca-search-results {
             color: var(--theme-search-chip-icon-color);
           }
 
-        .adf-search-filter-chip-icon {
-          color: var(--theme-search-chip-icon-color);
+          .adf-search-filter-chip-icon {
+            color: var(--theme-search-chip-icon-color);
+          }
         }
-      }
 
         .adf-search-filter-placeholder {
           color: var(--theme-selected-text-color);
@@ -82,15 +82,10 @@ aca-search-results {
     &--preview-toolbar {
       display: flex;
       align-items: flex-end;
-      justify-content: space-between;
       margin: 5px;
       padding-right: 24px;
     }
 
-    &--visibility_button {
-      margin-right: 8px;
-    }
-
     .adf-search-filter {
       min-width: 260px;
       max-width: 320px;
diff --git a/projects/aca-content/src/lib/components/search/search-results/search-results.component.ts b/projects/aca-content/src/lib/components/search/search-results/search-results.component.ts
index 981e97b49..df84ae7a5 100644
--- a/projects/aca-content/src/lib/components/search/search-results/search-results.component.ts
+++ b/projects/aca-content/src/lib/components/search/search-results/search-results.component.ts
@@ -35,7 +35,7 @@ import {
   ShowInfoDrawerPreviewAction,
   SnackbarErrorAction
 } from '@alfresco/aca-shared/store';
-import { DataTableModule, PaginationComponent, TranslationService, ViewerModule } from '@alfresco/adf-core';
+import { ButtonComponent, DataTableModule, PaginationComponent, TranslationService, ViewerModule } from '@alfresco/adf-core';
 import { combineLatest } from 'rxjs';
 import {
   ContextActionsDirective,
@@ -57,7 +57,6 @@ import { DocumentListDirective } from '../../../directives/document-list.directi
 import { ThumbnailColumnComponent } from '../../dl-custom-components/thumbnail-column/thumbnail-column.component';
 import { SearchActionMenuComponent } from '../search-action-menu/search-action-menu.component';
 import { TagsColumnComponent } from '../../dl-custom-components/tags-column/tags-column.component';
-import { MatIconModule } from '@angular/material/icon';
 import { SearchResultsRowComponent } from '../search-results-row/search-results-row.component';
 import { DocumentListPresetRef, DynamicColumnComponent } from '@alfresco/adf-extensions';
 
@@ -79,7 +78,6 @@ import { DocumentListPresetRef, DynamicColumnComponent } from '@alfresco/adf-ext
     SearchActionMenuComponent,
     TagsColumnComponent,
     PaginationComponent,
-    MatIconModule,
     InfoDrawerComponent,
     SearchResultsRowComponent,
     PaginationDirective,
@@ -87,7 +85,8 @@ import { DocumentListPresetRef, DynamicColumnComponent } from '@alfresco/adf-ext
     PageLayoutComponent,
     ToolbarComponent,
     AlfrescoViewerComponent,
-    DynamicColumnComponent
+    DynamicColumnComponent,
+    ButtonComponent
   ],
   selector: 'aca-search-results',
   templateUrl: './search-results.component.html',