From 5886b34d9bb9c2935e463c352e1b42685d8ec12d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Thu, 2 Dec 2021 02:21:38 +0200
Subject: [PATCH] Reset selection on view mode change

---
 .../view-mode-selection.component.html                 |  4 ++--
 .../view-mode-selection.component.ts                   | 10 ++++++++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/apps/red-ui/src/app/modules/dossier/screens/dossier-overview/components/view-mode-selection/view-mode-selection.component.html b/apps/red-ui/src/app/modules/dossier/screens/dossier-overview/components/view-mode-selection/view-mode-selection.component.html
index 1ce54287c..9df37d5f9 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/dossier-overview/components/view-mode-selection/view-mode-selection.component.html
+++ b/apps/red-ui/src/app/modules/dossier/screens/dossier-overview/components/view-mode-selection/view-mode-selection.component.html
@@ -2,7 +2,7 @@
     <div class="all-caps-label" translate="view-mode.view-as"></div>
 
     <iqser-circle-button
-        (action)="configService.listingMode = listingModes.table"
+        (action)="setListingMode(listingModes.table)"
         [attr.aria-expanded]="mode === listingModes.table"
         [tooltip]="'view-mode.list' | translate"
         [type]="circleButtonTypes.dossierView"
@@ -10,7 +10,7 @@
     ></iqser-circle-button>
 
     <iqser-circle-button
-        (action)="configService.listingMode = listingModes.workflow"
+        (action)="setListingMode(listingModes.workflow)"
         [attr.aria-expanded]="mode === listingModes.workflow"
         [tooltip]="'view-mode.workflow' | translate"
         [type]="circleButtonTypes.dossierView"
diff --git a/apps/red-ui/src/app/modules/dossier/screens/dossier-overview/components/view-mode-selection/view-mode-selection.component.ts b/apps/red-ui/src/app/modules/dossier/screens/dossier-overview/components/view-mode-selection/view-mode-selection.component.ts
index 9132282d1..949f3de5f 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/dossier-overview/components/view-mode-selection/view-mode-selection.component.ts
+++ b/apps/red-ui/src/app/modules/dossier/screens/dossier-overview/components/view-mode-selection/view-mode-selection.component.ts
@@ -1,6 +1,7 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { ConfigService } from '../../config.service';
-import { CircleButtonTypes, ListingModes } from '@iqser/common-ui';
+import { CircleButtonTypes, ListingMode, ListingModes, ListingService } from '@iqser/common-ui';
+import { File } from '@red/domain';
 
 @Component({
     selector: 'redaction-view-mode-selection',
@@ -12,5 +13,10 @@ export class ViewModeSelectionComponent {
     readonly listingModes = ListingModes;
     readonly circleButtonTypes = CircleButtonTypes;
 
-    constructor(readonly configService: ConfigService) {}
+    constructor(readonly configService: ConfigService, private readonly _listingService: ListingService<File>) {}
+
+    setListingMode(listingMode: ListingMode): void {
+        this.configService.listingMode = listingMode;
+        this._listingService.setSelected([]);
+    }
 }