From d41f0b6ec924e375a1b2b50f69611c77a7da6559 Mon Sep 17 00:00:00 2001
From: admin <admin@c5ai.ch>
Date: Sun, 24 May 2026 14:40:15 +0200
Subject: [PATCH] Phase2: Invoicecomputation/AdminpricingUI/Ainvoicemgnt

---
 src/lib/billing-pdf.tsx | 34 +++++++++++++++++++---------------
 1 file changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/lib/billing-pdf.tsx b/src/lib/billing-pdf.tsx
index 7f791aa..255dcae 100644
--- a/src/lib/billing-pdf.tsx
+++ b/src/lib/billing-pdf.tsx
@@ -611,21 +611,25 @@ const InvoicePdf: React.FC<InvoicePdfProps> = ({ invoice, lines }) => {
           </Text>
         </View>
 
-        {/* Footer with page numbers — react-pdf supplies render fn args */}
-        <View
-          style={styles.footer}
-          render={({ pageNumber, totalPages }) => (
-            <>
-              <Text>
-                {BRAND.issuer.legalName} · {BRAND.issuer.web} · {BRAND.issuer.email}
-              </Text>
-              <Text>
-                {s.page} {pageNumber} {s.of} {totalPages}
-              </Text>
-            </>
-          )}
-          fixed
-        />
+        {/* Footer with page numbers.
+            react-pdf API quirks (verified against build errors):
+              - The `render` callback on <View> only exposes
+                `{ pageNumber, subPageNumber }` — no totalPages.
+                Only <Text> gets `{ pageNumber, totalPages,
+                subPageNumber, subPageTotalPages }`.
+              - <Text>'s render callback must return a STRING
+                (or array of strings), not JSX. */}
+        <View style={styles.footer} fixed>
+          <Text>
+            {BRAND.issuer.legalName} · {BRAND.issuer.web} · {BRAND.issuer.email}
+          </Text>
+          <Text
+            render={({ pageNumber, totalPages }) =>
+              `${s.page} ${pageNumber} ${s.of} ${totalPages}`
+            }
+            fixed
+          />
+        </View>
       </Page>
     </Document>
   );