[UXP-171] minor refactor

Author: alisaismailati

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

@@ -17,7 +17,6 @@
       [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,8 +26,6 @@ export class BrowseMostElementsComponent implements OnInit, OnChanges {
 
   @Input() topSection: TopSection;
 
-  @Input() mode: LayoutModeEnum;
-
   paginatedSearchOptionsBS = new BehaviorSubject<PaginatedSearchOptions>(null);
 
   sectionTemplateType: TopSectionTemplateType;
@@ -39,7 +37,7 @@ export class BrowseMostElementsComponent implements OnInit, OnChanges {
 
   ngOnInit(): void {
     this.sectionTemplateType = this.topSection?.template
-      ?? (this.mode === LayoutModeEnum.CARD ? TopSectionTemplateType.CARD : TopSectionTemplateType.DEFAULT);
+      ?? (this.topSection.defaultLayoutMode === 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,6 +1,5 @@
 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',
@@ -18,8 +17,6 @@ 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,11 +29,9 @@ 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', 'mode', 'showLabel'];
+  protected inAndOutputNames: (keyof DefaultBrowseElementsComponent & keyof this)[] = ['paginatedSearchOptions', 'context', 'topSection', 'showMetrics', 'showThumbnails', 'showLabel'];
 
   protected getComponentName(): string {
     return 'DefaultBrowseElementsComponent';

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

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

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

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