From 4aca1f6f1664d819cc4c6cf1c52f6a57c189f509 Mon Sep 17 00:00:00 2001
From: mihna123 <mihailonvojinovic@gmail.com>
Date: Sun, 24 May 2026 20:58:33 +0200
Subject: feat: add notes and terms to invoice form and generator

---
 src/components/invoice-generator.tsx | 38 ++++++++++++++++++++++++++----------
 1 file changed, 28 insertions(+), 10 deletions(-)

(limited to 'src/components/invoice-generator.tsx')

diff --git a/src/components/invoice-generator.tsx b/src/components/invoice-generator.tsx
index da97184..f2a0eee 100644
--- a/src/components/invoice-generator.tsx
+++ b/src/components/invoice-generator.tsx
@@ -156,16 +156,34 @@ export const InvoiceGenerator = () => {
           + Item
         </Button>
       </section>
-      <section className="pr-6 text-right text-xl">
-        Subtotal:{' '}
-        <b>
-          {lineItems
-            .reduce(
-              (acc, cur) => acc + (cur.rate ?? 0) * (cur.quantity ?? 0),
-              0,
-            )
-            .toLocaleString(undefined, { style: 'currency', currency })}
-        </b>
+      <section className="mt-2 grid grid-cols-2">
+        <div className="flex flex-col">
+          <label>Notes</label>
+          <textarea
+            {...register('notes')}
+            rows={1}
+            placeholder="Notes - any relevant information not provided before"
+            className="rounded-sm border p-2"
+          />
+          <label>Terms</label>
+          <textarea
+            {...register('terms')}
+            rows={1}
+            placeholder="Terms and conditions"
+            className="rounded-sm border p-2"
+          />
+        </div>
+        <div className="pr-6 text-right text-xl">
+          Total:{' '}
+          <b>
+            {lineItems
+              .reduce(
+                (acc, cur) => acc + (cur.rate ?? 0) * (cur.quantity ?? 0),
+                0,
+              )
+              .toLocaleString(undefined, { style: 'currency', currency })}
+          </b>
+        </div>
       </section>
       <section className={cn('mt-4 flex flex-row-reverse')}>
         <Button
-- 
cgit v1.3.1

