Revize 669ffe38

Refactoring after code review

webapp/pages/documents/annotator/index.tsx

@@ -13 +13 @@
 import {
     CheckCircleOutlined,
     ClockCircleOutlined,
-    SearchOutlined,
     SyncOutlined,
 } from '@ant-design/icons';
+import { getColumnSearchProps, getLocaleProps } from '../../../utils/tableUtils';
 
 function UserDocumentPage() {
     const redirecting = useUnauthRedirect('/login');
@@ -39 +39 @@
         }
     }, [logout, redirecting, role, router]);
 
-    const handleSearch = (
-        selectedKeys: React.SetStateAction<string>[],
-        confirm: () => void
-    ) => {
-        confirm();
-    };
-
-    const handleReset = (clearFilters: () => void) => {
-        clearFilters();
-    };
-
-    const getColumnSearchProps = (dataIndex: string, searchLabel: string) => ({
-        // @ts-ignore
-        filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters }) => (
-            <div style={{ padding: 8 }}>
-                <Input
-                    placeholder={`Vyhledat ${searchLabel}`}
-                    value={selectedKeys[0]}
-                    onChange={(e) =>
-                        setSelectedKeys(e.target.value ? [e.target.value] : [])
-                    }
-                    onPressEnter={() => handleSearch(selectedKeys, confirm)}
-                    style={{ marginBottom: 8, display: 'block' }}
-                />
-                <Space>
-                    <Button
-                        type="primary"
-                        onClick={() => handleSearch(selectedKeys, confirm)}
-                        icon={<SearchOutlined />}
-                        style={{ width: 90 }}
-                    >
-                        Hledat
-                    </Button>
-                    <Button
-                        onClick={() => handleReset(clearFilters)}
-                        style={{ width: 90 }}
-                    >
-                        Smazat
-                    </Button>
-                </Space>
-            </div>
-        ),
-        filterIcon: (filtered: any) => (
-            <SearchOutlined style={{ color: filtered ? '#1890ff' : undefined }} />
-        ),
-        onFilter: (value: string, record: { [x: string]: { toString: () => string } }) =>
-            record[dataIndex]
-                ? record[dataIndex].toString().toLowerCase().includes(value.toLowerCase())
-                : '',
-    });
-
     const columns = [
         {
             title: 'Název dokumentu',
             dataIndex: 'documentName',
             key: 'documentName',
             ...getColumnSearchProps('documentName', 'název'),
+            // @ts-ignore
+            sorter: (a, b) => a.documentName.localeCompare(b.documentName),
         },
         {
             title: 'Stav anotace',
@@ -163 +114 @@
                 <FontAwesomeIcon icon={faFileLines} /> Dokumenty
             </Typography.Title>
             <Table
-                locale={{
-                    triggerDesc: 'Seřadit sestupně',
-                    triggerAsc: 'Seřadit vzestupně',
-                    cancelSort: 'Vypnout řazení',
-                }}
+                locale={{ ...getLocaleProps() }}
                 // @ts-ignore
                 columns={columns}
                 // @ts-ignore