Revize 669ffe38

Refactoring after code review

webapp/components/modals/UserDocumentsModal.tsx

@@ -1 @@
-import { List, Modal } from 'antd';
+import { List, Modal, Skeleton, Tag } from 'antd';
 import 'antd/dist/antd.css';
 import React, { useContext, useEffect, useState } from 'react';
-import { AnnotationListInfo } from '../../api';
+import { AnnotationListInfo, EState } from '../../api';
 import { userController } from '../../controllers';
 import { useUnauthRedirect } from '../../hooks';
 import { LoggedUserContext } from '../../contexts/LoggedUserContext';
+import {
+    CheckCircleOutlined,
+    ClockCircleOutlined,
+    SyncOutlined,
+} from '@ant-design/icons';
 
 interface ModalProps {
     onCancel: () => void;
@@ -24 +29 @@
         onCancel();
     };
 
+    const getStateTag = (state: EState) => {
+        let color = 'green';
+        let label = 'Hotovo';
+        let icon = <CheckCircleOutlined />;
+        if (state === EState.New) {
+            color = 'volcano';
+            label = 'Nový';
+            icon = <ClockCircleOutlined />;
+        }
+        if (state === EState.InProgress) {
+            color = 'orange';
+            label = 'Rozpracováno';
+            icon = <SyncOutlined spin />;
+        }
+        return (
+            <Tag icon={icon} color={color} key={label}>
+                {label.toUpperCase()}
+            </Tag>
+        );
+    };
+
     useEffect(() => {
         if (!redirecting && role === 'ADMINISTRATOR' && userId) {
             userController
@@ -49 +75 @@
                 style={{ maxHeight: 400, overflowY: 'auto', overflowX: 'hidden' }}
                 renderItem={(item) => (
                     <List.Item key={item.annotationId}>
-                        <List.Item.Meta title={item.documentName} />
+                        <List.Item.Meta
+                            title={item.documentName}
+                            // @ts-ignore
+                            avatar={getStateTag(item.state)}
+                        />
                     </List.Item>
                 )}
             />