refactor: change device search parameter from 'search' to 'criteria'

- Update defaultFilter to use criteria instead of search
- Update handleSearch to use criteria parameter
- Update handleSearchClear to use criteria parameter
- Update auto-clear onChange to use criteria parameter

API endpoint now uses: /api/device?page=1&limit=10&criteria=keyword
This commit is contained in:
2025-10-10 16:06:58 +07:00
parent c5f0c73ae1
commit 6381235e14

View File

@@ -120,7 +120,7 @@ const ListDevice = memo(function ListDevice(props) {
const [showFilter, setShowFilter] = useState(false); const [showFilter, setShowFilter] = useState(false);
const [trigerFilter, setTrigerFilter] = useState(false); const [trigerFilter, setTrigerFilter] = useState(false);
const defaultFilter = { search: '' }; const defaultFilter = { criteria: '' };
const [formDataFilter, setFormDataFilter] = useState(defaultFilter); const [formDataFilter, setFormDataFilter] = useState(defaultFilter);
const [searchValue, setSearchValue] = useState(''); const [searchValue, setSearchValue] = useState('');
@@ -148,13 +148,13 @@ const ListDevice = memo(function ListDevice(props) {
}; };
const handleSearch = () => { const handleSearch = () => {
setFormDataFilter({ search: searchValue }); setFormDataFilter({ criteria: searchValue });
setTrigerFilter((prev) => !prev); setTrigerFilter((prev) => !prev);
}; };
const handleSearchClear = () => { const handleSearchClear = () => {
setSearchValue(''); setSearchValue('');
setFormDataFilter({ search: '' }); setFormDataFilter({ criteria: '' });
setTrigerFilter((prev) => !prev); setTrigerFilter((prev) => !prev);
}; };
@@ -303,7 +303,7 @@ const ListDevice = memo(function ListDevice(props) {
setSearchValue(value); setSearchValue(value);
// Auto search when clearing by backspace/delete // Auto search when clearing by backspace/delete
if (value === '') { if (value === '') {
setFormDataFilter({ search: '' }); setFormDataFilter({ criteria: '' });
setTrigerFilter((prev) => !prev); setTrigerFilter((prev) => !prev);
} }
}} }}