From 35726ae43fc22d52f77e4caeead6affe8b29521e Mon Sep 17 00:00:00 2001
From: qowevisa <qowevisa@gmail.com>
Date: Wed, 20 Nov 2024 20:51:02 +0200
Subject: [PATCH] Add missing comment block for expense

---
 src/routes/expense/+page.svelte | 32 +++++++++++++++++++++-----------
 1 file changed, 21 insertions(+), 11 deletions(-)

diff --git a/src/routes/expense/+page.svelte b/src/routes/expense/+page.svelte
index 46e1f3a..93079b7 100644
--- a/src/routes/expense/+page.svelte
+++ b/src/routes/expense/+page.svelte
@@ -162,17 +162,6 @@
       {editingExpense ? "Edit Expense" : "Add New Expense"}
     </h2>
     <form onsubmit={saveExpense} class="space-y-4">
-      <label class="block">
-        <span class="text-gray-700">Value:</span>
-        <input
-          type="text"
-          oninput={handleValueInput}
-          bind:this={valueRef}
-          required
-          class="mt-1 block w-full px-4 py-2 border border-gray-300 rounded-md focus:ring focus:ring-indigo-200 focus:border-indigo-500"
-        />
-      </label>
-
       <label class="block">
         <span class="text-gray-700">Card:</span>
         <select
@@ -198,6 +187,27 @@
         </select>
       </label>
 
+      <label class="block">
+        <span class="text-gray-700">Value:</span>
+        <input
+          type="text"
+          oninput={handleValueInput}
+          bind:this={valueRef}
+          required
+          class="mt-1 block w-full px-4 py-2 border border-gray-300 rounded-md focus:ring focus:ring-indigo-200 focus:border-indigo-500"
+        />
+      </label>
+
+      <label class="block">
+        <span class="text-gray-700">Comment:</span>
+        <input
+          type="text"
+          bind:value={currentExpense.comment}
+          required
+          class="mt-1 block w-full px-4 py-2 border border-gray-300 rounded-md focus:ring focus:ring-indigo-200 focus:border-indigo-500"
+        />
+      </label>
+
       <div class="flex items-center space-x-4">
         <label>
           Date: