fix: payment page

packages/webapp/src/containers/PaymentPortal/PaymentPortal.module.scss

@@ -1,6 +1,6 @@
 
 .rootBodyPage {
-  background: #0c103f;
+  background: #1c1d29;
 }
 
 .root {

packages/webapp/src/containers/PaymentPortal/PaymentPortal.tsx

@@ -83,6 +83,13 @@ export function PaymentPortal() {
               </Text>
             </Group>
 
+            {sharableLinkMeta?.taxes?.map((tax, key) => (
+              <Group key={key} position={'apart'} className={styles.totalItem}>
+                <Text>{tax?.name}</Text>
+                <Text>{tax?.taxRateAmountFormatted}</Text>
+              </Group>
+            ))}
+
             <Group
               position={'apart'}
               className={clsx(styles.totalItem, styles.borderBottomGray)}

packages/webapp/src/containers/PaymentPortal/drawers/PaymentInvoicePreviewDrawer/PaymentInvoicePreviewContent.tsx

@@ -30,6 +30,10 @@ export function PaymentInvoicePreviewContent() {
               rate: entry.rateFormatted,
               total: entry.totalFormatted,
             }))}
+            taxes={sharableLinkMeta?.taxes?.map((tax) => ({
+              label: tax.name,
+              amount: tax.taxRateAmountFormatted,
+            }))}
           />
         </Box>
       </DrawerBody>

packages/webapp/src/hooks/query/payment-link.ts

@@ -50,7 +50,6 @@ export function useCreatePaymentLink(
   );
 }
 
-
 // Get Invoice Payment Link
 // -----------------------------------------
 export interface GetInvoicePaymentLinkResponse {
@@ -82,6 +81,12 @@ export interface GetInvoicePaymentLinkResponse {
     total: number;
     totalFormatted: string;
   }>;
+  taxes: Array<{
+    name: string;
+    taxRateAmount: number;
+    taxRateAmountFormatted: string;
+    taxRateCode: string;
+  }>;
 }
 /**
  * Fetches the sharable invoice link metadata for a given link ID.