Revize fa93df26

Icons

webapp/components/modals/UserDocumentsModal.tsx

@@ -5 +5 @@
 import { userController } from '../../controllers';
 import { useUnauthRedirect } from '../../hooks';
 import { LoggedUserContext } from '../../contexts/LoggedUserContext';
-import {
-    CheckCircleOutlined,
-    ClockCircleOutlined,
-    SyncOutlined,
-} from '@ant-design/icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faArrowsRotate } from '@fortawesome/free-solid-svg-icons';
+
+import { faCircleCheck, faClock } from '@fortawesome/free-regular-svg-icons';
+import styles from '/styles/Icon.module.scss';
 
 interface ModalProps {
     onCancel: () => void;
@@ -32 +32 @@
     const getStateTag = (state: EState) => {
         let color = 'green';
         let label = 'Hotovo';
-        let icon = <CheckCircleOutlined />;
+        let icon = <FontAwesomeIcon icon={faCircleCheck} className={styles.iconLeft} />;
         if (state === EState.New) {
             color = 'volcano';
             label = 'Nový';
-            icon = <ClockCircleOutlined />;
+            icon = <FontAwesomeIcon icon={faClock} className={styles.iconLeft} />;
         }
         if (state === EState.InProgress) {
             color = 'orange';
             label = 'Rozpracováno';
-            icon = <SyncOutlined />;
+            icon = <FontAwesomeIcon icon={faArrowsRotate} className={styles.iconLeft} />;
         }
         return (
             <Tag icon={icon} color={color} key={label}>