fix: filtering accounts list.

client/src/containers/Expenses/ExpenseFormHeader.js

@@ -63,12 +63,6 @@ function ExpenseFormHeader({
     [setFieldValue, selectedItems],
   );
 
-  // Filter payment accounts.
-  const paymentAccounts = useMemo(
-    () => accountsList.filter((a) => a?.type?.key === 'current_asset'),
-    [accountsList],
-  );
-
   // handle change customer
   const onChangeCustomer = useCallback(
     (filedName) => {
@@ -126,10 +120,11 @@ function ExpenseFormHeader({
             }
           >
             <AccountsSelectList
-              accounts={paymentAccounts}
+              accounts={accountsList}
               onAccountSelected={onChangeAccount}
               defaultSelectText={<T id={'select_payment_account'} />}
               selectedAccountId={values.payment_account_id}
+              filterByTypes={['current_asset']}
             />
           </FormGroup>
         </Col>

client/src/containers/Expenses/ExpenseTable.js

@@ -127,7 +127,7 @@ function ExpenseTable({
         disableSortBy: true,
         disableResizing: true,
         width: 250,
-        accountsDataProp: 'expenseAccounts',
+        filterAccountsByRootType: ['expense'],
       },
       {
         Header: formatMessage({ id: 'amount_currency' }, { currency: 'USD' }),
@@ -220,12 +220,6 @@ function ExpenseTable({
     [rows],
   );
 
-  // Filter expense accounts.
-  const expenseAccounts = useMemo(
-    () => accountsList.filter((a) => a?.type?.root_type === 'expense'),
-    [accountsList],
-  );
-
   return (
     <div className={'dashboard__insider--expense-form__table'}>
       <DataTable
@@ -235,7 +229,6 @@ function ExpenseTable({
         sticky={true}
         payload={{
           accounts: accountsList,
-          expenseAccounts,
           errors: errors.categories || [],
           updateData: handleUpdateData,
           removeRow: handleRemoveRow,