From 976800047e6f4b4b4719f56da8d619c0b919684c Mon Sep 17 00:00:00 2001
From: Pattadon <pattadon2546pn@gmail.com>
Date: Fri, 14 Mar 2025 11:27:24 +0700
Subject: [PATCH] feat: enhance button styling for save actions in harvest and
 planting detail forms

---
 frontend/app/(sidebar)/setup/harvest-detail-form.tsx  | 7 ++++++-
 frontend/app/(sidebar)/setup/page.tsx                 | 3 +++
 frontend/app/(sidebar)/setup/planting-detail-form.tsx | 2 +-
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/frontend/app/(sidebar)/setup/harvest-detail-form.tsx b/frontend/app/(sidebar)/setup/harvest-detail-form.tsx
index c356b46..f276c6e 100644
--- a/frontend/app/(sidebar)/setup/harvest-detail-form.tsx
+++ b/frontend/app/(sidebar)/setup/harvest-detail-form.tsx
@@ -294,7 +294,12 @@ export default function HarvestDetailsForm({
           )}
         />
         <div className="col-span-3 flex justify-center">
-          <Button type="submit">Save</Button>
+          <Button
+            type="submit"
+            className="bg-blue-500 hover:bg-blue-600 duration-100"
+          >
+            Save
+          </Button>
         </div>
       </form>
     </Form>
diff --git a/frontend/app/(sidebar)/setup/page.tsx b/frontend/app/(sidebar)/setup/page.tsx
index e65fba3..ec414db 100644
--- a/frontend/app/(sidebar)/setup/page.tsx
+++ b/frontend/app/(sidebar)/setup/page.tsx
@@ -55,6 +55,9 @@ export default function SetupPage() {
     }
 
     console.log("Submitting:", { plantingDetails, harvestDetails, mapData });
+
+    // send request to the server
+    
   };
 
   return (
diff --git a/frontend/app/(sidebar)/setup/planting-detail-form.tsx b/frontend/app/(sidebar)/setup/planting-detail-form.tsx
index 2546840..78a715b 100644
--- a/frontend/app/(sidebar)/setup/planting-detail-form.tsx
+++ b/frontend/app/(sidebar)/setup/planting-detail-form.tsx
@@ -372,7 +372,7 @@ export default function PlantingDetailsForm({
           )}
         />
         <div className="col-span-3 flex justify-center">
-          <Button type="submit">
+          <Button type="submit" className="bg-blue-500 hover:bg-blue-600 duration-100">
             Save
           </Button>
         </div>