feat: handle all request status (#138)

Author: rodrigopavezi

package-lock.json

@@ -31,7 +31,7 @@
   import { Types } from "@requestnetwork/request-client.js";
   import { onMount } from "svelte";
   import { formatUnits } from "viem";
-  import { debounce, exportToPDF, formatAddress } from "../utils";
+  import { capitalize, debounce, exportToPDF, formatAddress } from "../utils";
   import { getCurrencyFromManager } from "../utils/getCurrency";
   import { Drawer, InvoiceView } from "./dashboard";
 
@@ -276,11 +276,13 @@
   };
 
   const checkStatus = (request: any) => {
-    switch (request?.balance?.balance >= request?.expectedAmount) {
+    switch (request?.balance?.balance > 0) {
       case true:
-        return "Paid";
+        return request?.balance?.balance >= request?.expectedAmount
+          ? "Paid"
+          : "Partially Paid";
       default:
-        return "Created";
+        return capitalize(request?.state);
     }
   };
 </script>

packages/invoice-dashboard/src/lib/view-requests.svelte

@@ -0,0 +1 @@
+export const capitalize = (str: string) => (str && str[0].toUpperCase() + str.slice(1)) || ""

packages/invoice-dashboard/src/utils/capitalize.ts

@@ -2,3 +2,4 @@ export { debounce } from "./debounce";
 export { formatAddress } from "./formatAddress";
 export { exportToPDF } from "./generateInvoice";
 export { publicClientToProvider, walletClientToSigner } from "./wallet-utils";
+export { capitalize } from "./capitalize";