chore: add total props in DailyMarketingReportPDFProps and adjust data type

src/components/pages/report/DailyMarketingReportPDF.tsx

@@ -9,11 +9,15 @@ import {
   View,
 } from '@react-pdf/renderer';
 
-import { DailyMarketingReport } from '@/types/api/report/marketing';
+import {
+  DailyMarketingReport,
+  SalesSummary,
+} from '@/types/api/report/marketing';
 import { formatCurrency, formatDate, formatNumber } from '@/lib/helper';
 
 interface DailyMarketingReportPDFProps {
   data?: DailyMarketingReport;
+  total?: SalesSummary;
 }
 
 const DailyMarketingReportPDFStyle = StyleSheet.create({
@@ -267,9 +271,12 @@ const DailyMarketingReportPDFStyle = StyleSheet.create({
   },
 });
 
-const DailyMarketingReportPDF = ({ data }: DailyMarketingReportPDFProps) => {
-  const rows = data?.rows || [];
-  const summary = data?.summary;
+const DailyMarketingReportPDF = ({
+  data,
+  total,
+}: DailyMarketingReportPDFProps) => {
+  const rows = data || [];
+  const summary = total;
 
   return (
     <Document>
@@ -409,7 +416,7 @@ const DailyMarketingReportPDF = ({ data }: DailyMarketingReportPDFProps) => {
               </View>
               <View style={DailyMarketingReportPDFStyle.colDoDate}>
                 <Text style={DailyMarketingReportPDFStyle.cellText}>
-                  {formatDate(row.do_date, 'DD/MM/YYYY')}
+                  {formatDate(row.realization_date, 'DD/MM/YYYY')}
                 </Text>
               </View>
               <View style={DailyMarketingReportPDFStyle.colAging}>
@@ -429,7 +436,7 @@ const DailyMarketingReportPDF = ({ data }: DailyMarketingReportPDFProps) => {
               </View>
               <View style={DailyMarketingReportPDFStyle.colSales}>
                 <Text style={DailyMarketingReportPDFStyle.cellText}>
-                  {row.sales}
+                  {row.sales.name}
                 </Text>
               </View>
               <View style={DailyMarketingReportPDFStyle.colProduct}>
@@ -518,6 +525,19 @@ const DailyMarketingReportPDF = ({ data }: DailyMarketingReportPDFProps) => {
                 {formatCurrency(summary?.total_sales_amount ?? 0)}
               </Text>
             </View>
+            <View
+              style={[
+                DailyMarketingReportPDFStyle.summaryRow,
+                { borderBottomWidth: 0 },
+              ]}
+            >
+              <Text style={DailyMarketingReportPDFStyle.summaryLabel}>
+                Total HPP Per KG:
+              </Text>
+              <Text style={DailyMarketingReportPDFStyle.summaryValue}>
+                {formatCurrency(summary?.total_hpp_price_per_kg ?? 0)}
+              </Text>
+            </View>
             <View
               style={[
                 DailyMarketingReportPDFStyle.summaryRow,