Revize fa93df26

Icons

webapp/pages/documents/admin/index.tsx

@@ -30 +30 @@
 import DocPreviewModal from '../../../components/modals/DocPreviewModal';
 import { UserFilter } from '../../../components/types/UserFilter';
 import { getColumnSearchProps, getLocaleProps } from '../../../utils/tableUtils';
-import {
-    CheckCircleOutlined,
-    ClockCircleOutlined,
-    SyncOutlined,
-    UserOutlined,
-} from '@ant-design/icons';
 import { SweetAlertIcon } from 'sweetalert2';
 import { Stack } from 'react-bootstrap';
 
+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 AdminDocumentPage() {
     const redirecting = useUnauthRedirect('/login');
     const { logout, role } = useContext(LoggedUserContext);
@@ -164 +163 @@
     const getFinalizationStateIcon = (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 (