refactor(FE): Rename filter keys to plural forms

This commit is contained in:
rstubryan
2026-02-05 10:46:37 +07:00
parent 9004de06fa
commit ac3fbedccd
+28 -28
View File
@@ -152,10 +152,10 @@ const FinanceTable = () => {
} = useTableFilter({ } = useTableFilter({
initial: { initial: {
search: searchValue, search: searchValue,
transactionType: '', transactionTypes: '',
bankId: '', bankIds: '',
customerId: '', customerIds: '',
supplierId: '', supplierIds: '',
sortBy: '', sortBy: '',
startDate: '', startDate: '',
endDate: '', endDate: '',
@@ -163,10 +163,10 @@ const FinanceTable = () => {
paramMap: { paramMap: {
page: 'page', page: 'page',
pageSize: 'limit', pageSize: 'limit',
transactionType: 'transaction_type', transactionTypes: 'transaction_types',
bankId: 'bank_id', bankIds: 'bank_ids',
customerId: 'customer_id', customerIds: 'customer_ids',
supplierId: 'supplier_id', supplierIds: 'supplier_ids',
sortBy: 'sort_date', sortBy: 'sort_date',
startDate: 'start_date', startDate: 'start_date',
endDate: 'end_date', endDate: 'end_date',
@@ -178,10 +178,10 @@ const FinanceTable = () => {
const deleteModal = useModal(); const deleteModal = useModal();
const [pendingFilters, setPendingFilters] = useState({ const [pendingFilters, setPendingFilters] = useState({
search: searchValue, search: searchValue,
transactionType: '', transactionTypes: '',
bankId: '', bankIds: '',
customerId: '', customerIds: '',
supplierId: '', supplierIds: '',
sortBy: '', sortBy: '',
startDate: '', startDate: '',
endDate: '', endDate: '',
@@ -247,7 +247,7 @@ const FinanceTable = () => {
setSelectedTransactionType(val); setSelectedTransactionType(val);
setPendingFilters((prev) => ({ setPendingFilters((prev) => ({
...prev, ...prev,
transactionType: val transactionTypes: val
? Array.isArray(val) ? Array.isArray(val)
? val.map((item) => item.value).join(',') ? val.map((item) => item.value).join(',')
: (val.value as string) : (val.value as string)
@@ -258,7 +258,7 @@ const FinanceTable = () => {
setSelectedBank(val); setSelectedBank(val);
setPendingFilters((prev) => ({ setPendingFilters((prev) => ({
...prev, ...prev,
bankId: val bankIds: val
? Array.isArray(val) ? Array.isArray(val)
? val.map((item) => item.value).join(',') ? val.map((item) => item.value).join(',')
: (val.value as string) : (val.value as string)
@@ -269,7 +269,7 @@ const FinanceTable = () => {
setSelectedCustomerId(val); setSelectedCustomerId(val);
setPendingFilters((prev) => ({ setPendingFilters((prev) => ({
...prev, ...prev,
customerId: val customerIds: val
? Array.isArray(val) ? Array.isArray(val)
? val.map((item) => item.value).join(',') ? val.map((item) => item.value).join(',')
: (val.value as string) : (val.value as string)
@@ -280,7 +280,7 @@ const FinanceTable = () => {
setSelectedSupplierId(val); setSelectedSupplierId(val);
setPendingFilters((prev) => ({ setPendingFilters((prev) => ({
...prev, ...prev,
supplierId: val supplierIds: val
? Array.isArray(val) ? Array.isArray(val)
? val.map((item) => item.value).join(',') ? val.map((item) => item.value).join(',')
: (val.value as string) : (val.value as string)
@@ -307,10 +307,10 @@ const FinanceTable = () => {
const submitFilterHandler = () => { const submitFilterHandler = () => {
updateFilter('search', pendingFilters.search); updateFilter('search', pendingFilters.search);
setSearchValue(pendingFilters.search); setSearchValue(pendingFilters.search);
updateFilter('transactionType', pendingFilters.transactionType); updateFilter('transactionTypes', pendingFilters.transactionTypes);
updateFilter('bankId', pendingFilters.bankId); updateFilter('bankIds', pendingFilters.bankIds);
updateFilter('customerId', pendingFilters.customerId); updateFilter('customerIds', pendingFilters.customerIds);
updateFilter('supplierId', pendingFilters.supplierId); updateFilter('supplierIds', pendingFilters.supplierIds);
updateFilter('sortBy', pendingFilters.sortBy); updateFilter('sortBy', pendingFilters.sortBy);
updateFilter('startDate', pendingFilters.startDate); updateFilter('startDate', pendingFilters.startDate);
updateFilter('endDate', pendingFilters.endDate); updateFilter('endDate', pendingFilters.endDate);
@@ -324,10 +324,10 @@ const FinanceTable = () => {
const emptyFilters = { const emptyFilters = {
search: '', search: '',
transactionType: '', transactionTypes: '',
bankId: '', bankIds: '',
customerId: '', customerIds: '',
supplierId: '', supplierIds: '',
sortBy: '', sortBy: '',
startDate: '', startDate: '',
endDate: '', endDate: '',
@@ -336,10 +336,10 @@ const FinanceTable = () => {
updateFilter('search', ''); updateFilter('search', '');
resetSearchValue(); resetSearchValue();
updateFilter('transactionType', ''); updateFilter('transactionTypes', '');
updateFilter('bankId', ''); updateFilter('bankIds', '');
updateFilter('customerId', ''); updateFilter('customerIds', '');
updateFilter('supplierId', ''); updateFilter('supplierIds', '');
updateFilter('sortBy', ''); updateFilter('sortBy', '');
updateFilter('startDate', ''); updateFilter('startDate', '');
updateFilter('endDate', ''); updateFilter('endDate', '');