Revize 06d1aa21

Refactoring

webapp/pages/documents/annotator/index.tsx

@@ -15 +15 @@
     const redirecting = useUnauthRedirect('/login');
     const { logout, role } = useContext(LoggedUserContext);
     const router = useRouter();
-    const [documents, setDocuments] = useState<AnnotationListInfo[] | null | undefined>(
-        []
-    );
+    const [documents, setDocuments] = useState<AnnotationListInfo[]>([]);
 
     useEffect(() => {
-        console.log(role);
-        if (role !== 'ANNOTATOR') {
-            logout();
-            router.push('/login');
-        }
-
         async function fetchData() {
             let docs = (await userController.userAnnotationsGet()).data.annotations;
-            console.log(docs);
-            setDocuments(docs);
+            if (!docs) {
+                setDocuments([]);
+            } else {
+                setDocuments(docs);
+            }
         }
-        if (!redirecting) {
+        if (!redirecting && role === 'ANNOTATOR') {
             fetchData();
         }
     }, [logout, redirecting, role, router]);
@@ -69 +64 @@
             key: 'action',
             dataIndex: 'annotationId',
             render: (anotationId: number) => (
-                <Button onClick={() => router.push('/annotation/' + anotationId)}>
+                <Button
+                    key={anotationId}
+                    type={'primary'}
+                    onClick={() => router.push('/annotation/' + anotationId)}
+                >
                     Anotovat
                 </Button>
             ),
         },
     ];
 
-    // TODO switch to REAL data from Controller
-    const data = [];
-    for (let i = 0; i < 100; i++) {
-        let state = 'DONE';
-        if (i % 3 === 1) {
-            state = 'IN_PROGRESS';
-        }
-        if (i % 3 === 2) {
-            state = 'NEW';
-        }
-
-        data.push({
-            key: i,
-            documentName: `Dokument ${i}`,
-            state: state,
-            annotationId: i,
-        });
-    }
-
     return redirecting || role !== 'ANNOTATOR' ? null : (
         <MainLayout>
             <Typography.Title level={2}>
                 <FontAwesomeIcon icon={faFileLines} /> Dokumenty
             </Typography.Title>
-            <Table columns={columns} dataSource={data} size="small" scroll={{ y: 500 }} />
+            <Table
+                columns={columns}
+                dataSource={documents}
+                size="small"
+                scroll={{ y: 500 }}
+            />
         </MainLayout>
     );
 }