refactor: conditionally render cancel button in KYC stepper navigation
This commit is contained in:
@@ -2571,12 +2571,25 @@ function NewApplicationModal({ isOpen, onClose, onSave }: { isOpen: boolean; onC
|
|||||||
>
|
>
|
||||||
<ChevronDown className="w-4 h-4 rotate-90" /> Previous
|
<ChevronDown className="w-4 h-4 rotate-90" /> Previous
|
||||||
</button>
|
</button>
|
||||||
<div className="flex gap-2">
|
<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>
|
|
||||||
{step < 5 ? (
|
{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" />
|
Next <ChevronDown className="w-4 h-4 -rotate-90" />
|
||||||
</button>
|
</button>
|
||||||
) : (
|
) : (
|
||||||
|
|||||||
Reference in New Issue
Block a user