fix: financial reports.

src/containers/FinancialStatements/CustomersBalanceSummary/CustomersBalanceSummaryTable.js

@@ -6,6 +6,8 @@ import { DataTable, FinancialSheet } from 'components';
 import { useCustomersBalanceSummaryContext } from './CustomersBalanceSummaryProvider';
 import { useCustomersSummaryColumns } from './components';
 
+import { tableRowTypesToClassnames } from 'utils';
+
 /**
  * customers balance summary table.
  */
@@ -14,29 +16,21 @@ export default function CustomersBalanceSummaryTable({
   companyName,
 }) {
   const {
-    isCustomersBalanceLoading,
     CustomerBalanceSummary: { table },
   } = useCustomersBalanceSummaryContext();
 
   const columns = useCustomersSummaryColumns();
 
-  const rowClassNames = (row) => {
-    return [`row-type--${row.original.row_types}`];
-  };
-
   return (
     <FinancialSheet
-      name={'customers-balance-summary'}
       companyName={companyName}
       sheetType={intl.get('customers_balance_summary')}
       asDate={new Date()}
-      loading={isCustomersBalanceLoading}
     >
       <DataTable
-        className="bigcapital-datatable--financial-report"
         columns={columns}
         data={table.data}
-        rowClassNames={rowClassNames}
+        rowClassNames={tableRowTypesToClassnames}
         noInitialFetch={true}
       />
     </FinancialSheet>