Revize db3fa00e

Reset documents selection after action

webapp/pages/documents/admin/index.tsx

@@ -53 +53 @@
     const [documents, setDocuments] = useState<TableDocInfo[]>([]);
     const [userFilters, setUserFilters] = useState<UserFilter[]>([]);
     const [selectedDocs, setSelectedDocs] = useState<string[]>([]);
+    const [selectedRows, setSelectedRows] = useState([]);
     const [previewDocContent, setPreviewDocContent] = useState<string>();
     const [previewDocName, setPreviewDocName] = useState<string>();
     const [annotationCount, setAnnotationCount] = useState<number>();
@@ -232 +233 @@
             documentController.documentsDelete(req).then(() => {
                 ShowToast('Dokumenty byly úspěšně odstraněny');
                 fetchData();
+                clearSelection();
             });
         }, 'dokumenty');
     };
@@ -241 +243 @@
         const res = await documentController.documentsExportPost(req);
         if (res?.data) {
             download(res.data, 'export.zip');
+            clearSelection();
         }
     };
 
@@ -267 +270 @@
         });
     };
 
-    const hideModal = () => {
+    const hideModalWithClear = () => {
         fetchData();
-        setVisibleAdd(false);
         setVisibleAssign(false);
         setVisibleSetCount(false);
+        clearSelection();
+    };
+
+    const hideModal = () => {
+        fetchData();
+        setVisibleAdd(false);
         setVisiblePreview(false);
     };
 
@@ -521 +529 @@
         },
     ];
 
+    const clearSelection = () => {
+        setSelectedRows([]);
+    };
+
+    const onSelectChange = (
+        selectedRowKeys: React.Key[],
+        selectedRows: DocumentListInfo[]
+    ) => {
+        // @ts-ignore
+        setSelectedDocs(selectedRows.map((row) => row.id));
+        // @ts-ignore
+        setSelectedRows(selectedRowKeys);
+    };
+
     const rowSelection = {
-        onChange: (selectedRowKeys: React.Key[], selectedRows: DocumentListInfo[]) => {
-            // @ts-ignore
-            setSelectedDocs(selectedRows.map((row) => row.id));
-        },
+        selectedRowKeys: selectedRows,
+        onChange: onSelectChange,
     };
 
     return redirecting || role !== 'ADMINISTRATOR' ? null : (
@@ -611 +631 @@
 
             {visibleAdd && <AddDocumentModal onCancel={hideModal} />}
             {visibleAssign && (
-                <AssignDocumentModal documentsIds={selectedDocs} onCancel={hideModal} />
+                <AssignDocumentModal
+                    documentsIds={selectedDocs}
+                    onCancel={hideModalWithClear}
+                />
             )}
             {visiblePreview && (
                 <DocPreviewModal
@@ -625 +648 @@
             {visibleSetCount && (
                 <SetRequiredAnnotationsCountModal
                     documentsIds={selectedDocs}
-                    onCancel={hideModal}
+                    onCancel={hideModalWithClear}
                 />
             )}
 
             <Table
                 locale={{ ...getLocaleProps() }}
-                rowSelection={{
-                    type: 'checkbox',
-                    ...rowSelection,
-                }}
+                rowSelection={rowSelection}
                 // @ts-ignore
                 columns={columns}
                 dataSource={documents}