From 5265d69668ca4c50efcdf2050adaa94e4ef9aa0e Mon Sep 17 00:00:00 2001
From: sazzadulalambd <sazzad.sua@gmail.com>
Date: Wed, 6 May 2026 18:26:27 +0600
Subject: [PATCH] refactor: conditionally render cancel button in KYC stepper
 navigation

---
 src/app/admin/kyc/page.tsx | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/app/admin/kyc/page.tsx b/src/app/admin/kyc/page.tsx
index 3956e16..686800b 100644
--- a/src/app/admin/kyc/page.tsx
+++ b/src/app/admin/kyc/page.tsx
@@ -2571,12 +2571,25 @@ function NewApplicationModal({ isOpen, onClose, onSave }: { isOpen: boolean; onC
           >
             <ChevronDown className="w-4 h-4 rotate-90" /> Previous
           </button>
-          <div className="flex gap-2">
-            <button onClick={onClose} className="px-4 py-2 border border-slate-200 text-slate-600 rounded-lg text-sm hover:bg-slate-100">
-              Cancel
-            </button>
+          <div className="flex gap-2 ">
             {step < 5 ? (
-              <button onClick={() => setStep(step + 1)} className="px-4 py-2 bg-accent text-white rounded-lg text-sm hover:bg-accent-dark flex items-center gap-2">
+              <button
+                onClick={onClose}
+                className="px-4 py-2 border border-slate-200 text-slate-600 rounded-lg text-sm hover:bg-slate-100 z-10"
+              >
+                Cancel
+              </button>
+            ) : (
+              <
+                >
+              </>
+            )}
+
+            {step < 5 ? (
+              <button
+                onClick={() => setStep(step + 1)}
+                className="px-4 py-2 bg-accent text-white rounded-lg text-sm hover:bg-accent-dark flex items-center gap-2"
+              >
                 Next <ChevronDown className="w-4 h-4 -rotate-90" />
               </button>
             ) : (