From dbdc61fd678d1696c9a6a4e61c1fa19225b20aab Mon Sep 17 00:00:00 2001
From: Shay Patel <shay@shay.services>
Date: Sun, 27 Oct 2024 04:59:30 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=AC=20Add=20'event=20not=20found'=20me?=
 =?UTF-8?q?ssage?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/events/[...eventId]/page.tsx | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

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