From 4f476adbc102cdce10205bf9928668c51a774318 Mon Sep 17 00:00:00 2001
From: Michael Spalti <mspalti@gmail.com>
Date: Sat, 21 Jan 2023 04:00:46 -0800
Subject: [PATCH] Updated themed component.

---
 src/app/shared/browse-by/browse-by.component.html      |  8 ++++----
 .../themed-results-back-button.component.ts            | 10 +++++++++-
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/app/shared/browse-by/browse-by.component.html b/src/app/shared/browse-by/browse-by.component.html
index 84aa6a0484..bdbf038420 100644
--- a/src/app/shared/browse-by/browse-by.component.html
+++ b/src/app/shared/browse-by/browse-by.component.html
@@ -3,8 +3,8 @@
   <ng-container *ngComponentOutlet="getStartsWithComponent(); injector: objectInjector;"></ng-container>
   <div *ngIf="objects?.hasSucceeded && !objects?.isLoading && objects?.payload?.page.length > 0" @fadeIn>
       <div *ngIf="shouldDisplayResetButton$ |async" class="mb-2 reset">
-        <ds-results-back-button [paginationConfig]="paginationConfig"
-                                [previousPage$]="previousPage$"></ds-results-back-button>
+        <ds-themed-results-back-button [paginationConfig]="paginationConfig"
+                                [previousPage$]="previousPage$"></ds-themed-results-back-button>
       </div>
     <ds-viewable-collection
       [config]="paginationConfig"
@@ -19,8 +19,8 @@
   <ds-error *ngIf="objects?.hasFailed" message="{{'error.browse-by' | translate}}"></ds-error>
   <div *ngIf="!objects?.isLoading && objects?.payload?.page.length === 0">
     <div *ngIf="shouldDisplayResetButton$ |async" class="d-inline-block mb-4 reset">
-      <ds-results-back-button [paginationConfig]="paginationConfig"
-                              [previousPage$]="previousPage$"></ds-results-back-button>
+      <ds-themed-results-back-button [paginationConfig]="paginationConfig"
+                              [previousPage$]="previousPage$"></ds-themed-results-back-button>
     </div>
     <div class="alert alert-info w-100" role="alert">
       {{'browse.empty' | translate}}
diff --git a/src/app/shared/results-back-button/themed-results-back-button.component.ts b/src/app/shared/results-back-button/themed-results-back-button.component.ts
index 45ac86a605..bf7f523638 100644
--- a/src/app/shared/results-back-button/themed-results-back-button.component.ts
+++ b/src/app/shared/results-back-button/themed-results-back-button.component.ts
@@ -1,6 +1,8 @@
-import { Component } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { ThemedComponent } from '../theme-support/themed.component';
 import { ResultsBackButtonComponent } from './results-back-button.component';
+import { BehaviorSubject } from 'rxjs';
+import { PaginationComponentOptions } from '../pagination/pagination-component-options.model';
 
 @Component({
   selector: 'ds-themed-results-back-button',
@@ -9,6 +11,12 @@ import { ResultsBackButtonComponent } from './results-back-button.component';
 })
 export class ThemedResultsBackButtonComponent extends ThemedComponent<ResultsBackButtonComponent> {
 
+  @Input() previousPage$?: BehaviorSubject<string>;
+
+  @Input() paginationConfig?: PaginationComponentOptions;
+
+  protected inAndOutputNames: (keyof ResultsBackButtonComponent & keyof this)[] = ['previousPage$', 'paginationConfig'];
+
   protected getComponentName(): string {
     return 'ResultsBackButtonComponent';
   }