gitea-admin/lti-web-client
1
0
Fork 0
mirror of https://gitlab.com/mbugroup/lti-web-client.git synced 2026-05-20 13:32:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(FE): fixing url encode for filters

Browse Source
This commit is contained in:
randy-ar
2026-01-20 15:34:33 +07:00
parent 596e2d0095
commit 71e6ac9c63
1 changed files with 40 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/finance/FinanceTable.tsx
+40 -15
View File
@@ -176,13 +176,18 @@ const FinanceTable = () => {
startDate: '',
endDate: '',
});
const [selectedTransactionType, setSelectedTransactionType] =
useState<OptionType | null>(null);
const [selectedBank, setSelectedBank] = useState<OptionType | null>(null);
const [selectedCustomerId, setSelectedCustomerId] =
useState<OptionType | null>(null);
const [selectedSupplierId, setSelectedSupplierId] =
useState<OptionType | null>(null);
const [selectedTransactionType, setSelectedTransactionType] = useState<
OptionType | OptionType[] | null
>(null);
const [selectedBank, setSelectedBank] = useState<
OptionType | OptionType[] | null
>(null);
const [selectedCustomerId, setSelectedCustomerId] = useState<
OptionType | OptionType[] | null
>(null);
const [selectedSupplierId, setSelectedSupplierId] = useState<
OptionType | OptionType[] | null
>(null);
const [selectedSortBy, setSelectedSortBy] = useState<OptionType | null>(null);
const [selectedFinance, setSelectedFinance] = useState<Finance | null>(null);
const [isDeleteLoading, setIsDeleteLoading] = useState(false);
@@ -229,31 +234,47 @@ const FinanceTable = () => {
const transactionTypeChangeHandler = (
val: OptionType | OptionType[] | null
) => {
setSelectedTransactionType(val as OptionType);
setSelectedTransactionType(val);
setPendingFilters((prev) => ({
...prev,
transactionType: val ? ((val as OptionType).value as string) : '',
transactionType: val
? Array.isArray(val)
? val.map((item) => item.value).join(',')
: (val.value as string)
: '',
}));
};
const bankChangeHandler = (val: OptionType | OptionType[] | null) => {
setSelectedBank(val as OptionType);
setSelectedBank(val);
setPendingFilters((prev) => ({
...prev,
bankId: val ? ((val as OptionType).value as string) : '',
bankId: val
? Array.isArray(val)
? val.map((item) => item.value).join(',')
: (val.value as string)
: '',
}));
};
const customerIdChangeHandler = (val: OptionType | OptionType[] | null) => {
setSelectedCustomerId(val as OptionType);
setSelectedCustomerId(val);
setPendingFilters((prev) => ({
...prev,
customerId: val ? ((val as OptionType).value as string) : '',
customerId: val
? Array.isArray(val)
? val.map((item) => item.value).join(',')
: (val.value as string)
: '',
}));
};
const supplierIdChangeHandler = (val: OptionType | OptionType[] | null) => {
setSelectedSupplierId(val as OptionType);
setSelectedSupplierId(val);
setPendingFilters((prev) => ({
...prev,
supplierId: val ? ((val as OptionType).value as string) : '',
supplierId: val
? Array.isArray(val)
? val.map((item) => item.value).join(',')
: (val.value as string)
: '',
}));
};
const sortByChangeHandler = (val: OptionType | OptionType[] | null) => {
@@ -484,6 +505,7 @@ const FinanceTable = () => {
value={selectedTransactionType}
onChange={transactionTypeChangeHandler}
isClearable
isMulti
/>
<SelectInput
options={customerOptions}
@@ -494,6 +516,7 @@ const FinanceTable = () => {
onMenuScrollToBottom={customerLoadMore}
isLoading={customerIsLoadingOptions}
isClearable
isMulti
/>
<SelectInput
options={supplierOptions}
@@ -504,6 +527,7 @@ const FinanceTable = () => {
onMenuScrollToBottom={supplierLoadMore}
isLoading={supplierIsLoadingOptions}
isClearable
isMulti
/>
<SelectInput
options={
@@ -528,6 +552,7 @@ const FinanceTable = () => {
onInputChange={bankInputValue}
onMenuScrollToBottom={bankLoadMore}
isClearable
isMulti
/>
<SelectInput
options={sortByOptions}