Revize 43d49a98

Modal windows for user edit, delete and assigned documents were implemented

webapp/pages/documents/admin/index.tsx

@@ -13 +13 @@
 import { documentController, userController } from '../../../controllers';
 import AssignDocumentModal from '../../../components/modals/AssignDocumentModal';
 import { ShowToast } from '../../../utils/alerts';
+import { TableDocInfo } from '../../../components/types/TableDocInfo';
 
 function AdminDocumentPage() {
     const redirecting = useUnauthRedirect('/login');
@@ -21 +22 @@
     const [visibleAssign, setVisibleAssign] = React.useState(false);
     const router = useRouter();
 
-    const [documents, setDocuments] = useState<DocumentListInfo[]>([]);
+    const [documents, setDocuments] = useState<TableDocInfo[]>([]);
     const [selectedDocs, setSelectedDocs] = useState<string[] | undefined[]>([]);
 
-    useEffect(() => {
-        async function fetchData() {
-            let docs = (await documentController.documentsGet(0, 1000)).data.documents;
-            docs?.forEach((doc) => (doc.key = doc.id));
+    async function fetchData() {
+        const docs = (await documentController.documentsGet(0, 1000)).data.documents;
+
+        // @ts-ignore
+        const tableDocs: TableDocInfo[] = docs?.map((doc, index) => {
+            return { key: index, ...doc };
+        });
 
-            if (!docs) {
-                setDocuments([]);
-            } else {
-                setDocuments(docs);
-            }
+        if (!docs) {
+            setDocuments([]);
+        } else {
+            setDocuments(tableDocs);
         }
+    }
 
+    useEffect(() => {
         if (!redirecting && role === 'ADMINISTRATOR') {
             fetchData();
         }
@@ -54 +59 @@
     };
 
     const hideModal = () => {
+        fetchData();
         setVisibleAdd(false);
         setVisibleAssign(false);
     };
@@ -96 +102 @@
 
     const rowSelection = {
         onChange: (selectedRowKeys: React.Key[], selectedRows: DocumentListInfo[]) => {
+            // @ts-ignore
             setSelectedDocs(selectedRows.map((row) => row.id));
         },
     };