From dcb510964e599b4bb145589c2c79cd61e6fb482f Mon Sep 17 00:00:00 2001
From: Mannu <manohar6839@gmail.com>
Date: Sun, 17 May 2026 14:41:01 +0530
Subject: [PATCH] fix(growth): add Cancel button to add form

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/growth/page.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/app/growth/page.tsx b/src/app/growth/page.tsx
index 628665f..befe2b3 100644
--- a/src/app/growth/page.tsx
+++ b/src/app/growth/page.tsx
@@ -622,9 +622,14 @@ export default function GrowthPage() {
                 </button>
               </>
             ) : (
-              <button onClick={() => handleAdd()} disabled={saving} className="w-full p-3 bg-rose-400 text-white rounded-xl disabled:opacity-50">
-                {saving ? "Saving..." : "Save"}
-              </button>
+              <>
+                <button onClick={() => handleAdd()} disabled={saving} className="flex-1 p-3 bg-rose-400 text-white rounded-xl disabled:opacity-50">
+                  {saving ? "Saving..." : "Save"}
+                </button>
+                <button onClick={() => { setShowAdd(false); setWeight(""); setHeight(""); setHeadCircumference(""); }} className="flex-1 p-3 bg-gray-200 dark:bg-gray-700 rounded-xl">
+                  Cancel
+                </button>
+              </>
             )}
           </div>
         </div>