diff --git a/src/components/PassesPage.tsx b/src/components/PassesPage.tsx index 581efb9..25313f4 100644 --- a/src/components/PassesPage.tsx +++ b/src/components/PassesPage.tsx @@ -11,6 +11,7 @@ import { ReviewsSection } from './ReviewsSection'; import { Layout } from '../Layout'; import { LoginModal } from './LoginModal'; import { ImageWithFallback } from './figma/ImageWithFallback'; +import { useAuth } from '../context/AuthContext'; interface PassesPageProps { onCheckoutClick?: () => void; @@ -149,16 +150,18 @@ export function PassesPage({ onCheckoutClick, onSignInClick, onSignOutClick, - user, + // user, onLoginSuccess }: PassesPageProps) { const [selectedPass, setSelectedPass] = useState('unlimited'); const [isLoginOpen, setIsLoginOpen] = useState(false); - const [userData, setUserData] = useState<{ email: string; name: string } | null>(user || null); + // const [userData, setUserData] = useState<{ email: string; name: string } | null>(user || null); + const { user } = useAuth(); // from AuthContext + // ✅ Handle purchase button click const handlePurchaseClick = () => { - if (!userData) { + if (!user) { // User not logged in - show login modal setIsLoginOpen(true); } else { @@ -169,7 +172,7 @@ export function PassesPage({ // ✅ Handle successful login const handleLoginSuccess = (data: { email: string; name: string }) => { - setUserData(data); + // setUserData(data); setIsLoginOpen(false); console.log('Logged in user:', data); @@ -195,7 +198,7 @@ export function PassesPage({ activeCity={sessionStorage.getItem("lastKnownCity")||"shared"} onSignInClick={onSignInClick} onSignOutClick={onSignOutClick} - user={userData} // ✅ Pass the updated user data + user={user} // ✅ Pass the updated user data >
{/* Page Header */} @@ -759,12 +762,6 @@ export function PassesPage({
- setIsLoginOpen(false)} - onLoginSuccess={handleLoginSuccess} - /> - ); }