Revize fa93df26

Icons

webapp/pages/documents/annotator/index.tsx

@@ -14 +14 @@
     getAnnotationStateString,
     getAnnotationStateColor,
 } from '../../../utils/strings';
-import {
-    CheckCircleOutlined,
-    ClockCircleOutlined,
-    SyncOutlined,
-} from '@ant-design/icons';
 import { getColumnSearchProps, getLocaleProps } from '../../../utils/tableUtils';
+import { faArrowsRotate } from '@fortawesome/free-solid-svg-icons';
+
+import { faCircleCheck, faClock } from '@fortawesome/free-regular-svg-icons';
+import styles from '/styles/Icon.module.scss';
 
 function UserDocumentPage() {
     const redirecting = useUnauthRedirect('/login');
@@ -59 +58 @@
             render: (state: EState) => {
                 const color = getAnnotationStateColor(state);
                 const label = getAnnotationStateString(state);
-                let icon = <CheckCircleOutlined />;
+                let icon = (
+                    <FontAwesomeIcon icon={faCircleCheck} className={styles.iconLeft} />
+                );
                 if (state === 'NEW') {
-                    icon = <ClockCircleOutlined />;
+                    icon = <FontAwesomeIcon icon={faClock} className={styles.iconLeft} />;
                 }
                 if (state === 'IN_PROGRESS') {
-                    icon = <SyncOutlined />;
+                    icon = (
+                        <FontAwesomeIcon
+                            icon={faArrowsRotate}
+                            className={styles.iconLeft}
+                        />
+                    );
                 }
 
                 return (