); const PolicyScreen = ({ setScreen, title, content }) => (

{title}

{content}

); // --- Main Application Component --- const App = () => { const { userId, isAuthReady, auth } = useAuth(); const { tickets, savedEvents } = useFirestoreData(userId, isAuthReady); const [screen, setScreen] = useState('auth'); // auth, home, detail, checkout, tickets, profile, saved, tcs, privacy const [currentEvent, setCurrentEvent] = useState(null); const [currentTicket, setCurrentTicket] = useState(null); const [filter, setFilter] = useState({ section: 'Trending', category: null }); // Default to Trending // --- Core Data/Action Handlers --- const handleSetCurrentEvent = (event) => { setCurrentEvent(event); setScreen('detail'); }; const handleLogout = useCallback(async () => { if (auth) { await signOut(auth); } setScreen('auth'); setCurrentEvent(null); setCurrentTicket(null); }, [auth]); const handleBuyTicket = useCallback(async (ticketDetails) => { setCurrentTicket(ticketDetails); if (!db || !userId) return; // Simulated if no DB try { const ticketRef = collection(db, `artifacts/${appId}/users/${userId}/purchased_tickets`); await addDoc(ticketRef, ticketDetails); // On success, we let the checkout screen handle the final navigation. } catch (e) { console.error("Error adding document to tickets: ", e); // In a real app, this would show a user-facing error } }, [userId]); const handleSaveEvent = useCallback(async (eventId, eventName) => { if (!db || !userId) { console.warn("Database not ready for save action."); return; } const savedPath = `artifacts/${appId}/users/${userId}/saved_events`; const q = query(collection(db, savedPath), where("eventId", "==", eventId)); try { const snapshot = await getDocs(q); if (snapshot.empty) { // Not saved, so save it await addDoc(collection(db, savedPath), { eventId, name: eventName }); } else { // Already saved, so delete it (unsave) const docId = snapshot.docs[0].id; await deleteDoc(doc(db, savedPath, docId)); } } catch (e) { console.error("Error saving/unsaving event: ", e); } }, [userId]); // Determine initial screen after auth check useEffect(() => { if (isAuthReady) { if (userId) { setScreen('home'); } else { setScreen('auth'); } } }, [isAuthReady, userId]); // --- Render Logic --- const renderContent = () => { if (!isAuthReady) { return ; } switch (screen) { case 'auth': return ; case 'home': return ; case 'detail': return ; case 'checkout': return ; case 'tickets':

getTickets

Comments (0)