wip

src/components/detailsInvoice.ts

@@ -0,0 +1,82 @@
+import * as w from "wretched";
+import Table from "cli-table3";
+import {
+  getOneInvoice,
+  markInvoicePaid,
+  updateInvoice,
+} from "../services/pancakeApi.js";
+import { doubleBoxWithTitle } from "./helpers/boxBorders.js";
+import { isNaN, omit, values } from "lodash-es";
+import { fromUnixTime, format } from "date-fns";
+import { InvoiceDetailsResponse } from "../services/invoiceResponse.js";
+
+export const renderInvoiceDetails = async (invoiceId: string | number) => {
+  const { invoice } = await getOneInvoice(invoiceId.toString());
+  if (process.env.DEBUG) {
+    console.log("🚀 ~ renderInvoiceDetails ~ details:", invoice);
+  }
+  const mainWindow = new w.Scrollable({
+    children: [],
+  });
+  const mainTable = new Table();
+  for (const key in omit(invoice, "items", "partial_payments")) {
+    const rawValue = invoice[key as keyof InvoiceDetailsResponse];
+    if (typeof rawValue !== "object") {
+      let value: Table.Cell = rawValue;
+      if (typeof rawValue !== "boolean") {
+        if (key.indexOf("date") >= 0) {
+          value = Number(rawValue);
+          if (!isNaN(value)) {
+            value = format(fromUnixTime(value), "y-M-d");
+          }
+        }
+      }
+      mainTable.push({
+        [key]: value,
+      } as Table.VerticalTableRow);
+    }
+  }
+  mainWindow.addAll([
+    new w.Flow({
+      direction: "topToBottom",
+      children: [
+        new w.Text({ text: `Unpaid: $${invoice.unpaid_amount}` }),
+        new w.Button({
+          text: `Mark as ${invoice.unpaid_amount > 0 ? "Paid" : "Unpaid"}`,
+          onClick: async () => {
+            const isPaid = invoice.unpaid_amount > 0;
+            if (process.env.DEBUG) {
+              console.log("Switching paid status from", {
+                isPaid,
+                invoiceId,
+              });
+            }
+            if (isPaid) {
+              mainWindow.removeAllChildren();
+              mainWindow.addAll([
+                new w.Flow({
+                  direction: "leftToRight",
+                  children: [
+                    new w.Text({ text: "Paid Amount" }),
+                    new w.Input({ text: "Paid Amount" }),
+                  ],
+                }),
+              ]);
+            } else {
+              if (!process.env.DEBUG) {
+                await markInvoicePaid(invoiceId);
+              }
+            }
+          },
+        }),
+        new w.Text({ text: mainTable.toString() }),
+      ],
+    }),
+  ]);
+  return new w.Box({
+    border: doubleBoxWithTitle(
+      `${invoice.client_name} 💸 Invoice: ${invoice.id}`,
+    ),
+    child: mainWindow,
+  });
+};