Revert "[UXP-171] minor refactor"

This reverts commit 94ebd78.

Author: alisaismailati

src/app/shared/browse-most-elements/browse-most-elements.component.html

@@ -17,6 +17,7 @@
       [topSection]="topSection"
       [paginatedSearchOptions]="paginatedSearchOptionsBS.asObservable() | async"
       [context]="context"
+      [mode]="mode"
     ></ds-themed-default-browse-elements>
   </ng-container>
 

src/app/shared/browse-most-elements/browse-most-elements.component.ts

@@ -26,6 +26,8 @@ export class BrowseMostElementsComponent implements OnInit, OnChanges {
 
   @Input() topSection: TopSection;
 
+  @Input() mode: LayoutModeEnum;
+
   paginatedSearchOptionsBS = new BehaviorSubject<PaginatedSearchOptions>(null);
 
   sectionTemplateType: TopSectionTemplateType;
@@ -37,7 +39,7 @@ export class BrowseMostElementsComponent implements OnInit, OnChanges {
 
   ngOnInit(): void {
     this.sectionTemplateType = this.topSection?.template
-      ?? (this.topSection.defaultLayoutMode === LayoutModeEnum.CARD ? TopSectionTemplateType.CARD : TopSectionTemplateType.DEFAULT);
+      ?? (this.mode === LayoutModeEnum.CARD ? TopSectionTemplateType.CARD : TopSectionTemplateType.DEFAULT);
   }
 
   ngOnChanges() { // trigger change detection on child components

src/app/shared/browse-most-elements/default-browse-elements/default-browse-elements.component.ts

@@ -1,5 +1,6 @@
 import {Component, Input, OnChanges, OnInit} from '@angular/core';
 import { AbstractBrowseElementsComponent } from '../abstract-browse-elements.component';
+import {LayoutModeEnum} from '../../../core/layout/models/section.model';
 
 @Component({
   selector: 'ds-default-browse-elements',
@@ -17,6 +18,8 @@ export class DefaultBrowseElementsComponent extends AbstractBrowseElementsCompon
    */
   @Input() showThumbnails = this.appConfig.browseBy.showThumbnails;
 
+  @Input() mode: LayoutModeEnum;
+
   @Input() showLabel: boolean;
 
   protected followThumbnailLink = true;

src/app/shared/browse-most-elements/default-browse-elements/themed-default-browse-elements.component.ts

@@ -29,9 +29,11 @@ export class ThemedDefaultBrowseElementsComponent extends ThemedComponent<Defaul
 
   @Input() showThumbnails: boolean;
 
+  @Input() mode: LayoutModeEnum;
+
   @Input() showLabel: boolean;
 
-  protected inAndOutputNames: (keyof DefaultBrowseElementsComponent & keyof this)[] = ['paginatedSearchOptions', 'context', 'topSection', 'showMetrics', 'showThumbnails', 'showLabel'];
+  protected inAndOutputNames: (keyof DefaultBrowseElementsComponent & keyof this)[] = ['paginatedSearchOptions', 'context', 'topSection', 'showMetrics', 'showThumbnails', 'mode', 'showLabel'];
 
   protected getComponentName(): string {
     return 'DefaultBrowseElementsComponent';

src/app/shared/browse-most-elements/themed-browse-most-elements.component.ts

@@ -21,7 +21,9 @@ export class ThemedBrowseMostElementsComponent extends ThemedComponent<BrowseMos
 
   @Input() topSection: TopSection;
 
-  protected inAndOutputNames: (keyof BrowseMostElementsComponent & keyof this)[] = ['context', 'paginatedSearchOptions', 'topSection'];
+  @Input() mode: LayoutModeEnum;
+
+  protected inAndOutputNames: (keyof BrowseMostElementsComponent & keyof this)[] = ['context', 'paginatedSearchOptions', 'topSection', 'mode'];
 
   protected getComponentName(): string {
     return 'BrowseMostElementsComponent';

src/app/shared/explore/section-component/top-section/top-section.component.html

@@ -23,7 +23,8 @@ <h3 class="mx-2">{{ 'explore.index.' + (topSection.titleKey ? topSection.titleKe
       </div>
       <ds-themed-browse-most-elements [context]="context"
                                       [paginatedSearchOptions]="paginatedSearchOptions"
-                                      [topSection]="topSection">
+                                      [topSection]="topSection"
+                                      [mode]="layoutMode">
       </ds-themed-browse-most-elements>
     </div>
   </div>