From 53fc551d4327cfcd71afddca9e04511985d8cc49 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Ostafin?= <ostafin.lucas@gmail.com>
Date: Wed, 5 May 2021 16:06:07 +0200
Subject: [PATCH] =?UTF-8?q?EZP-31602:=20Moving=20to=20trash=20confirmation?=
 =?UTF-8?q?=20modal=20is=20not=20updated=20after=20su=E2=80=A6=20(#289)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* EZP-31602: Moving to trash confirmation modal is not updated after sub-items bulk move

* After CR

* After CR

* After CR
---
 src/modules/sub-items/sub.items.module.js | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/modules/sub-items/sub.items.module.js b/src/modules/sub-items/sub.items.module.js
index eab7bcac..77eb46fc 100644
--- a/src/modules/sub-items/sub.items.module.js
+++ b/src/modules/sub-items/sub.items.module.js
@@ -443,7 +443,7 @@ export default class SubItemsModule extends Component {
         this.updateTotalCountState(totalCount - movedLocations.length);
         this.deselectAllItems();
         this.discardActivePageItems();
-
+        this.updateTrashModal();
         this.toggleBulkOperationStatusState(false);
 
         if (notMovedLocations.length) {
@@ -571,7 +571,7 @@ export default class SubItemsModule extends Component {
         this.updateTotalCountState(totalCount - deletedLocations.length);
         this.deselectAllItems();
         this.discardActivePageItems();
-
+        this.updateTrashModal();
         this.toggleBulkOperationStatusState(false);
 
         if (notDeletedLocations.length) {
@@ -739,11 +739,7 @@ export default class SubItemsModule extends Component {
 
         return (
             <Fragment>
-                <button
-                    onClick={this.closeBulkDeletePopup}
-                    type="button"
-                    className="btn btn-dark"
-                    data-dismiss="modal">
+                <button onClick={this.closeBulkDeletePopup} type="button" className="btn btn-dark" data-dismiss="modal">
                     {cancelLabel}
                 </button>
                 <button onClick={this.onBulkDeletePopupConfirm} type="button" className="btn btn-danger font-weight-bold btn--trigger">
@@ -822,7 +818,8 @@ export default class SubItemsModule extends Component {
                 isLoading={false}
                 size="medium"
                 footerChildren={this.renderConfirmationPopupFooter(selectionInfo)}
-                noHeader={true}>
+                noHeader={true}
+            >
                 <div className="m-sub-items__confirmation-modal-body">{confirmationMessage}</div>
             </Popup>,
             this.bulkDeleteModalContainer
@@ -988,6 +985,16 @@ export default class SubItemsModule extends Component {
         );
     }
 
+    updateTrashModal() {
+        document.body.dispatchEvent(
+            new CustomEvent('ez-trash-modal-refresh', {
+                detail: {
+                    numberOfSubitems: this.state.totalCount,
+                },
+            })
+        );
+    }
+
     render() {
         const listTitle = Translator.trans(/*@Desc("Sub-items")*/ 'items_list.title', {}, 'sub_items');
         const { selectedItems, activeView, totalCount, isDuringBulkOperation, activePageItems } = this.state;