From 043b575a7b21f7c7c072f006ae13b0cea2b7f604 Mon Sep 17 00:00:00 2001
From: Hemant Vishwakarma <vishhemant08@gmail.com>
Date: Wed, 22 Apr 2026 17:44:34 +0530
Subject: [PATCH] change cancel page of stripe and navbar profile changes

---
 src/components/Navbar.tsx       |  3 ++-
 src/pages/PaymentCancelPage.tsx | 23 ++++++++++++++++-------
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index f090f9e..3676615 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -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);
                             }
                           },
diff --git a/src/pages/PaymentCancelPage.tsx b/src/pages/PaymentCancelPage.tsx
index 108cf7b..8c37f8b 100644
--- a/src/pages/PaymentCancelPage.tsx
+++ b/src/pages/PaymentCancelPage.tsx
@@ -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>