From 949761d59d4b98faa6331321fbe07cee9a6c6744 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Thu, 4 Dec 2025 14:25:27 +0700
Subject: [PATCH] feat(FE-326,327): add footer rendering to SalesReportTable
 for total sales display

---
 .../pages/closing/sale/SalesReportTable.tsx   | 31 +++++++++----------
 1 file changed, 14 insertions(+), 17 deletions(-)

diff --git a/src/components/pages/closing/sale/SalesReportTable.tsx b/src/components/pages/closing/sale/SalesReportTable.tsx
index 18af45a5..552985a9 100644
--- a/src/components/pages/closing/sale/SalesReportTable.tsx
+++ b/src/components/pages/closing/sale/SalesReportTable.tsx
@@ -375,20 +375,9 @@ const SalesReportTable = ({
                       columns={salesColumns}
                       renderCustomHeaders={true}
                       customHeaderRows={salesCustomHeaderRows}
-                      className={{
-                        tableWrapperClassName: 'overflow-x-auto',
-                        tableClassName: 'w-full table-auto text-sm',
-                        headerRowClassName: 'hidden',
-                        bodyRowClassName: 'hover:bg-gray-50 transition-colors',
-                        bodyColumnClassName:
-                          'px-4 py-3 text-xs text-gray-900 whitespace-nowrap border border-gray-300',
-                      }}
-                    />
-
-                    {/* Summary Row */}
-                    {salesBroilerData.length > 0 && (
-                      <table className='w-full table-auto text-sm mt-0'>
-                        <tbody>
+                      renderFooter={salesBroilerData.length > 0}
+                      footerContent={
+                        <tfoot>
                           <tr className='bg-gray-100 font-semibold'>
                             <td className='px-4 py-3 text-xs text-gray-900 whitespace-nowrap border border-gray-300 border-t-0'>
                               Total Penjualan
@@ -433,9 +422,17 @@ const SalesReportTable = ({
                               -
                             </td>
                           </tr>
-                        </tbody>
-                      </table>
-                    )}
+                        </tfoot>
+                      }
+                      className={{
+                        tableWrapperClassName: 'overflow-x-auto',
+                        tableClassName: 'w-full table-auto text-sm',
+                        headerRowClassName: 'hidden',
+                        bodyRowClassName: 'hover:bg-gray-50 transition-colors',
+                        bodyColumnClassName:
+                          'px-4 py-3 text-xs text-gray-900 whitespace-nowrap border border-gray-300',
+                      }}
+                    />
                   </Card>
                 </div>
               ),