mirror of
https://github.com/0xShay/ticketchain.git
synced 2026-01-11 21:23:24 +00:00
💬 Add 'event not found' message
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user