feat: Optimize SCSS architecture.

client/src/store/financialStatement/financialStatements.mappers.js

@@ -17,7 +17,7 @@ export const mapBalanceSheetToTableRows = (accounts) => {
           ? [
               {
                 name: `Total ${account.name}`,
-                row_types: rowTypes,
+                row_types: ['total-row', account.section_type],
                 total: { ...account.total },
                 ...(account.total_periods && {
                   total_periods: account.total_periods,
@@ -104,7 +104,7 @@ export const ARAgingSummaryTableRowsMapper = (sheet, total) => {
   return [
     ...rows,
     {
-      name: 'TOTAL',
+      name: 'Total Aged Receivable',
       rowType: 'total',
       current: sheet.total.current.formatted_amount,
       ...mapAging(sheet.total.aging),
@@ -115,11 +115,12 @@ export const ARAgingSummaryTableRowsMapper = (sheet, total) => {
 
 export const mapTrialBalanceSheetToRows = (sheet) => {
   return [
+    ...sheet.accounts,
     {
       name: 'Total',
+      rowTypes: ['total'],
       ...sheet.total,
     },
-    ...sheet.accounts,
   ];
 };
 

client/src/store/financialStatement/financialStatements.reducer.js

@@ -81,7 +81,6 @@ export default createReducer(initialState, {
   ...financialStatementFilterToggle('BALANCE_SHEET', 'balanceSheet'),
 
   [t.TRAIL_BALANCE_STATEMENT_SET]: (state, action) => {
-    debugger;
     const trailBalanceSheet = {
       sheet: action.data.data,
       tableRows: mapTrialBalanceSheetToRows(action.data.data),
@@ -155,11 +154,8 @@ export default createReducer(initialState, {
     const { refresh } = action.payload;
     state.profitLoss.refresh = !!refresh;
   },
-
   ...financialStatementFilterToggle('PROFIT_LOSS', 'profitLoss'),
 
- 
-
   [t.RECEIVABLE_AGING_SUMMARY_SET]: (state, action) => {
     const { customers, total, columns, query } = action.payload;