diff --git a/src/pages/transfer/transfertype/blocks/ListToolBar.tsx b/src/pages/transfer/transfertype/blocks/ListToolBar.tsx index f1e90d5..e8ab157 100644 --- a/src/pages/transfer/transfertype/blocks/ListToolBar.tsx +++ b/src/pages/transfer/transfertype/blocks/ListToolBar.tsx @@ -52,7 +52,7 @@ const ListToolbar = () => { const { handleAddDialog } = useManageTransferTypeContext(); const [transferTypes, setTransferTypes] = useState([]); const { GetData } = useCallApi(); - + const [statusKind, setStatusKind] = useState(''); const [searchValue, setSearchValue] = useState(''); const [statusTypes, setStatusTypes] = useState(''); const [approval, setApproval] = useState(''); @@ -66,7 +66,7 @@ const ListToolbar = () => { table.setPageIndex(0); } }; - + useEffect(() => { const timer = setTimeout(() => { table.getColumn('name')?.setFilterValue(searchValue); @@ -83,6 +83,10 @@ const ListToolbar = () => { table.getColumn('status_approval')?.setFilterValue(approval); }, [approval, table]); + useEffect(() => { + table.getColumn('status_kind')?.setFilterValue(statusKind); + }, [statusKind, table]); + const fetchTransferTypes = async () => { try { const response = await GetData(`${API_URL}/transactiontype/list`, { @@ -106,7 +110,9 @@ const ListToolbar = () => { setSearchValue(''); setStatusTypes(''); setApproval(''); + setStatusKind(''); + table.getColumn('status_kind')?.setFilterValue(''); table.getColumn('name')?.setFilterValue(''); table.getColumn('type')?.setFilterValue(''); table.getColumn('status_approval')?.setFilterValue(''); @@ -122,7 +128,6 @@ const ListToolbar = () => {
- {/* Fixed Search Input dengan icon yang selalu terlihat */}
@@ -144,7 +149,10 @@ const ListToolbar = () => { onValueChange={setStatusTypes} > - + {types.map((opt) => ( @@ -163,7 +171,10 @@ const ListToolbar = () => { onValueChange={setApproval} > - + @@ -175,6 +186,31 @@ const ListToolbar = () => {
+
+ +
+
-
); }; -export default ListToolbar; \ No newline at end of file +export default ListToolbar; diff --git a/src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx b/src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx index 3f9c270..6628240 100644 --- a/src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx +++ b/src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx @@ -277,8 +277,8 @@ const ManageTransferTypeContextProvider = ({ children }: { children: React.React W: { label: 'Withdraw', className: 'bg-fuchsia-100 text-fuchsia-600' }, U: { label: 'Top Up', className: 'bg-yellow-100 text-yellow-600' }, N: { label: 'Top Up Patner', className: 'bg-purple-100 text-purple-600' }, - E: {label: 'Reward', className: 'bg-rose-100 text-rose-600'}, - L: {label: 'Purchase Loja', className: 'bg-rose-100 text-rose-600'}, + E: { label: 'Reward', className: 'bg-rose-100 text-rose-600' }, + L: { label: 'Purchase Loja', className: 'bg-rose-100 text-rose-600' } }; const kindInfo = mapping[kind] || { @@ -369,6 +369,8 @@ const ManageTransferTypeContextProvider = ({ children }: { children: React.React filterObject['wallet_origin.name'] = filter.value.toLowerCase(); } else if (filter.id === 'wallet_destination') { filterObject['wallet_destination.name'] = filter.value.toLowerCase(); + } else if (filter.id === 'status_kind') { + filterObject[filter.id] = filter.value; } else { filterObject[filter.id] = filter.value.toLowerCase(); }