💬 Add 'event not found' message

This commit is contained in:
2024-10-27 04:59:30 +00:00
parent ae0db5d02f
commit dbdc61fd67

View File

@@ -9,6 +9,7 @@ import { fetchEventDetails } from '@/lib/fetchEventDetails';
const ListingPage: React.FC = () => { const ListingPage: React.FC = () => {
const { eventId } = useParams(); const { eventId } = useParams();
const [eventDetails, setEventDetails] = useState<any>(null); const [eventDetails, setEventDetails] = useState<any>(null);
const [eventNotFound, setEventNotFound] = useState<boolean>(false);
useEffect(() => { useEffect(() => {
const getEventDetails = async () => { const getEventDetails = async () => {
@@ -21,7 +22,10 @@ const ListingPage: React.FC = () => {
} }
}; };
getEventDetails(); getEventDetails().catch((err) => {
setEventNotFound(true);
console.log(eventNotFound);
});
}, [eventId]); }, [eventId]);
return ( return (
@@ -46,11 +50,13 @@ const ListingPage: React.FC = () => {
</div> </div>
<div className="relative z-10"> <div className="relative z-10">
{eventDetails ? ( {eventNotFound ? <p className="text-2xl text-white pt-20 text-center">Event not found</p> :
<EventDescription eventDetails={eventDetails} /> (eventDetails ? (
) : ( <EventDescription eventDetails={eventDetails} />
<p>Loading...</p> ) : (
)} <p>Loading...</p>
))
}
</div> </div>
<div className="relative z-20"> <div className="relative z-20">