From f600c1699003a2ece6bd7d979e9d854e8c908ddf Mon Sep 17 00:00:00 2001
From: sstefdev <sstefandev@gmail.com>
Date: Tue, 9 Jul 2024 13:43:19 +0200
Subject: [PATCH 1/3] fix: added dash when an invoice is not using our format

---
 .../src/lib/dashboard/invoice-view.svelte     | 42 ++++++++++---------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/packages/invoice-dashboard/src/lib/dashboard/invoice-view.svelte b/packages/invoice-dashboard/src/lib/dashboard/invoice-view.svelte
index 50232244..fed4483e 100644
--- a/packages/invoice-dashboard/src/lib/dashboard/invoice-view.svelte
+++ b/packages/invoice-dashboard/src/lib/dashboard/invoice-view.svelte
@@ -205,25 +205,27 @@
 --secondaryColor: {config.colors.secondary};"
 >
   <div class="dates">
-    <p>Issued on: {formatDate(request?.contentData?.creationDate)}</p>
-    <p>Due by: {formatDate(request?.contentData?.paymentTerms?.dueDate)}</p>
+    <p>Issued on: {formatDate(request?.contentData?.creationDate || "-")}</p>
+    <p>
+      Due by: {formatDate(request?.contentData?.paymentTerms?.dueDate || "-")}
+    </p>
   </div>
   <h2 class="invoice-number">
-    Invoice #{request?.contentData?.invoiceNumber}
+    Invoice #{request?.contentData?.invoiceNumber || "-"}
     <p class={`invoice-status ${isPaid ? "bg-green" : "bg-zinc"}`}>
       {isPaid ? "Paid" : "Created"}
     </p>
   </h2>
   <div class="invoice-address">
     <h2>From:</h2>
-    <p>{request?.payee?.value}</p>
+    <p>{request?.payee?.value || "-"}</p>
   </div>
   {#if sellerInfo.length > 0}
     <div class={`invoice-info bg-zinc-light`}>
       {#each sellerInfo as { label, value }}
         <p>
-          <span>{label}:</span>
-          {value}
+          <span>{label || "-"}:</span>
+          {value || "-"}
         </p>
       {/each}
     </div>
@@ -231,14 +233,14 @@
   <div class="invoice-border"></div>
   <div class="invoice-address">
     <h2>Billed to:</h2>
-    <p>{request?.payer?.value}</p>
+    <p>{request?.payer?.value || "-"}</p>
   </div>
   {#if buyerInfo.length > 0}
     <div class={`invoice-info bg-zinc-light`}>
       {#each buyerInfo as { label, value }}
         <p>
-          <span>{label}:</span>
-          {value}
+          <span>{label || "-"}:</span>
+          {value || "-"}
         </p>
       {/each}
     </div>
@@ -246,11 +248,11 @@
 
   <h3 class="invoice-info-payment">
     <span style="font-weight: 500;">Payment Chain:</span>
-    {currency?.network}
+    {currency?.network || "-"}
   </h3>
   <h3 class="invoice-info-payment">
     <span style="font-weight: 500;">Invoice Currency:</span>
-    {currency?.symbol}
+    {currency?.symbol || "-"}
   </h3>
 
   {#if request?.contentData?.invoiceItems}
@@ -272,12 +274,12 @@
           {#each firstItems as item, index (index)}
             <tr class="table-row item-row">
               <th scope="row" class="item-description">
-                <p class="truncate description-text">{item.name}</p>
+                <p class="truncate description-text">{item.name || "-"}</p>
               </th>
-              <td>{item.quantity}</td>
+              <td>{item.quantity || "-"}</td>
               <td>{formatUnits(item.unitPrice, currency?.decimals ?? 18)}</td>
               <td>{formatUnits(item.discount, currency?.decimals ?? 18)}</td>
-              <td>{Number(item.tax.amount)}</td>
+              <td>{Number(item.tax.amount || "-")}</td>
               <td
                 >{truncateNumberString(
                   formatUnits(
@@ -312,16 +314,16 @@
                 <tr class="table-row item-row">
                   <th scope="row" class="item-description">
                     <p class="truncate description-text" style="margin: 4px 0;">
-                      {item.name}
+                      {item.name || "-"}
                     </p>
                   </th>
-                  <td>{item.quantity}</td>
+                  <td>{item.quantity || "-"}</td>
                   <td
                     >{formatUnits(item.unitPrice, currency?.decimals ?? 18)}</td
                   >
                   <td>{formatUnits(item.discount, currency?.decimals ?? 18)}</td
                   >
-                  <td>{Number(item.tax.amount)}</td>
+                  <td>{Number(item.tax.amount || "-")}</td>
                   <td
                     >{truncateNumberString(
                       formatUnits(
@@ -344,7 +346,7 @@
     <div class="note-container">
       <p class="note-content">
         <span class="note-title">Memo:</span> <br />
-        {request.contentData.note}
+        {request.contentData.note || "-"}
       </p>
     </div>
   {/if}
@@ -352,7 +354,7 @@
     {#if request?.contentData?.miscellaneous?.labels}
       {#each request?.contentData?.miscellaneous?.labels as label, index (index)}
         <div class="label">
-          {label}
+          {label || "-"}
         </div>
       {/each}
     {/if}
@@ -362,7 +364,7 @@
       {#if statuses.length > 0 && loading}
         {#each statuses as status, index (index)}
           <div class="status">
-            {status}
+            {status || "-"}
             {#if (index === 0 && statuses.length === 2) || (index === 1 && statuses.length === 3)}
               <i>
                 <Check />

From 838c2e1fb960c313a01d15fe40175393bc000474 Mon Sep 17 00:00:00 2001
From: sstefdev <sstefandev@gmail.com>
Date: Mon, 15 Jul 2024 09:15:40 +0200
Subject: [PATCH 2/3] fix: added dashes for unit-price and discount

---
 .../src/lib/dashboard/invoice-view.svelte                | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/invoice-dashboard/src/lib/dashboard/invoice-view.svelte b/packages/invoice-dashboard/src/lib/dashboard/invoice-view.svelte
index 5d114227..37f5201f 100644
--- a/packages/invoice-dashboard/src/lib/dashboard/invoice-view.svelte
+++ b/packages/invoice-dashboard/src/lib/dashboard/invoice-view.svelte
@@ -326,9 +326,14 @@
                   </th>
                   <td>{item.quantity || "-"}</td>
                   <td
-                    >{formatUnits(item.unitPrice, currency?.decimals ?? 18)}</td
+                    >{item.unitPrice
+                      ? formatUnits(item.unitPrice, currency?.decimals ?? 18)
+                      : "-"}</td
                   >
-                  <td>{formatUnits(item.discount, currency?.decimals ?? 18)}</td
+                  <td
+                    >{item.discount
+                      ? formatUnits(item.discount, currency?.decimals ?? 18)
+                      : "-"}</td
                   >
                   <td>{Number(item.tax.amount || "-")}</td>
                   <td

From e8b1d39baee1fc8f78a701431caa27419967962d Mon Sep 17 00:00:00 2001
From: sstefdev <sstefandev@gmail.com>
Date: Mon, 15 Jul 2024 13:03:16 +0200
Subject: [PATCH 3/3] fix: added dashes for unit-price and discount

---
 .../src/lib/dashboard/invoice-view.svelte            | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/invoice-dashboard/src/lib/dashboard/invoice-view.svelte b/packages/invoice-dashboard/src/lib/dashboard/invoice-view.svelte
index 37f5201f..8fd6511f 100644
--- a/packages/invoice-dashboard/src/lib/dashboard/invoice-view.svelte
+++ b/packages/invoice-dashboard/src/lib/dashboard/invoice-view.svelte
@@ -284,8 +284,16 @@
                 <p class="truncate description-text">{item.name || "-"}</p>
               </th>
               <td>{item.quantity || "-"}</td>
-              <td>{formatUnits(item.unitPrice, currency?.decimals ?? 18)}</td>
-              <td>{formatUnits(item.discount, currency?.decimals ?? 18)}</td>
+              <td
+                >{item.unitPrice
+                  ? formatUnits(item.unitPrice, currency?.decimals ?? 18)
+                  : "-"}</td
+              >
+              <td
+                >{item.discount
+                  ? formatUnits(item.discount, currency?.decimals ?? 18)
+                  : "-"}</td
+              >
               <td>{Number(item.tax.amount || "-")}</td>
               <td
                 >{truncateNumberString(