From 956f1ce500f1fe0e153d4a1c479796b5d46e672a Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Wed, 28 Jan 2026 09:49:26 +0700
Subject: [PATCH] refactor(FE): Refactor PdfTable to use
 PdfThead/PdfTbody/PdfTfoot

---
 src/components/helper/pdf/table/PdfTable.tsx | 36 +++++++++++++++++---
 src/components/helper/pdf/table/PdfTbody.tsx | 12 +------
 2 files changed, 33 insertions(+), 15 deletions(-)

diff --git a/src/components/helper/pdf/table/PdfTable.tsx b/src/components/helper/pdf/table/PdfTable.tsx
index 46724ef6..d1dc1df8 100644
--- a/src/components/helper/pdf/table/PdfTable.tsx
+++ b/src/components/helper/pdf/table/PdfTable.tsx
@@ -1,7 +1,9 @@
 'use client';
 
 import { View, StyleSheet } from '@react-pdf/renderer';
-import { PdfColumn } from './PdfThead';
+import { PdfThead, PdfColumn } from './PdfThead';
+import { PdfTbody, PdfTbodyCell } from './PdfTbody';
+import { PdfTfoot, PdfTfootCell } from './PdfTfoot';
 
 const styles = StyleSheet.create({
   table: {
@@ -13,9 +15,35 @@ const styles = StyleSheet.create({
 
 interface PdfTableProps {
   columns: PdfColumn[];
-  children: React.ReactNode;
+  data: PdfTbodyCell[][];
+  footer?: PdfTfootCell[];
+  footerLabel?: string;
+  initialBalanceRow?: {
+    valueKey: string;
+    value: number;
+    align?: 'right';
+    color?: string;
+  };
 }
 
-export const PdfTable = ({ columns, children }: PdfTableProps) => {
-  return <View style={styles.table}>{children}</View>;
+export const PdfTable = ({
+  columns,
+  data,
+  footer,
+  footerLabel = 'Total',
+  initialBalanceRow,
+}: PdfTableProps) => {
+  return (
+    <View style={styles.table}>
+      <PdfThead columns={columns} />
+      <PdfTbody
+        columns={columns}
+        rows={data}
+        initialBalanceRow={initialBalanceRow}
+      />
+      {footer && footer.length > 0 && (
+        <PdfTfoot columns={columns} cells={footer} label={footerLabel} />
+      )}
+    </View>
+  );
 };
diff --git a/src/components/helper/pdf/table/PdfTbody.tsx b/src/components/helper/pdf/table/PdfTbody.tsx
index 9a23ab4b..819c4dec 100644
--- a/src/components/helper/pdf/table/PdfTbody.tsx
+++ b/src/components/helper/pdf/table/PdfTbody.tsx
@@ -69,16 +69,6 @@ const styles = StyleSheet.create({
     fontSize: 7,
     textAlign: 'center',
   },
-  badge: {
-    paddingVertical: 2,
-    paddingHorizontal: 4,
-    borderRadius: 12,
-    fontSize: 5,
-    fontWeight: 'bold',
-    borderWidth: 1,
-    textAlign: 'center',
-    whiteSpace: 'nowrap',
-  },
 });
 
 interface PdfTbodyProps {
@@ -218,7 +208,7 @@ export const PdfTbody = ({
                   cell?.value !== null &&
                   cell?.value !== '' ? (
                     typeof cell.value === 'object' ? (
-                      cell.value // For custom React element (badge, etc)
+                      cell.value
                     ) : (
                       <Text>{String(cell.value)}</Text>
                     )