change cancel page of stripe and navbar profile changes
This commit is contained in:
@@ -692,7 +692,8 @@ export default function Navbar({
|
||||
label: 'My Profile',
|
||||
icon: <User className="w-4 h-4" />,
|
||||
action: () => {
|
||||
navigate(citySelected ? `/${slugify(cityName)}/profile` : '/profile');
|
||||
// navigate(citySelected ? `/${slugify(cityName)}/profile` : '/profile');
|
||||
navigate(citySelected ? `/profile` : '/profile');
|
||||
setActiveUserDropdown(false);
|
||||
}
|
||||
},
|
||||
|
||||
@@ -23,9 +23,10 @@ export function PaymentCancelPage({
|
||||
}: PaymentCancelPageProps) {
|
||||
const navigate = useNavigate();
|
||||
|
||||
// ✅ Clear pending booking ID when user cancels
|
||||
// ✅ Clear stored booking ID when user cancels
|
||||
useEffect(() => {
|
||||
localStorage.removeItem('pendingBookingId');
|
||||
sessionStorage.removeItem('pendingBookingId');
|
||||
}, []);
|
||||
|
||||
return (
|
||||
@@ -64,12 +65,20 @@ export function PaymentCancelPage({
|
||||
<p className="text-[#555] mt-2">
|
||||
You cancelled the payment process. No charges have been made.
|
||||
</p>
|
||||
<button
|
||||
onClick={() => navigate(-1)}
|
||||
className="mt-6 px-6 py-3 bg-[#F95F62] text-white rounded-xl font-medium hover:bg-[#e8545a] transition"
|
||||
>
|
||||
Go Back & Try Again
|
||||
</button>
|
||||
<div className="mt-6 flex flex-col sm:flex-row gap-3 justify-center">
|
||||
<button
|
||||
onClick={() => navigate(-1)}
|
||||
className="px-6 py-3 bg-[#F95F62] text-white rounded-xl font-medium hover:bg-[#e8545a] transition"
|
||||
>
|
||||
Go Back & Try Again
|
||||
</button>
|
||||
<button
|
||||
onClick={onHomeClick}
|
||||
className="px-6 py-3 bg-gray-200 text-[#2a2a2a] rounded-xl font-medium hover:bg-gray-300 transition"
|
||||
>
|
||||
Return to Home
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user