migrate to adf-button

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>
+            <adf-button variant="icon" icon="close" [tooltip]="'ADF_VIEWER.ACTIONS.CLOSE' | translate" (click)="onDrawerClosed()"></adf-button>
-              <button mat-icon-button title="{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}" (click)="onDrawerClosed()">
+            <adf-button variant="icon" icon="visibility" [tooltip]="'ADF_VIEWER.ACTIONS.PREVIEW' | translate" color="accent"></adf-button>
-                <mat-icon>close</mat-icon>
+            <adf-button variant="icon" icon="info_outline" [tooltip]="'ADF_VIEWER.ACTIONS.CLOSE' | translate" (click)="onPreviewClosed()"></adf-button>
-              </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>
           </div>
         </adf-viewer-toolbar>
       </adf-alfresco-viewer>

projects/aca-content/src/lib/components/search/search-results/search-results.component.scss

@@ -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;

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',