From 03926ce2e1dc51e5363e758f90cec8064d6dbc68 Mon Sep 17 00:00:00 2001
From: rishit-singh <rsrishitsingh@gmail.com>
Date: Fri, 29 Dec 2023 23:11:06 -0800
Subject: [PATCH] Added support for Event attachments to give each event an
 image

---
 frontend/src/app/events/Event.tsx      | 2 +-
 frontend/src/app/events/EventsPage.tsx | 1 -
 frontend/src/app/thunks/EventThunks.ts | 6 ++----
 3 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/frontend/src/app/events/Event.tsx b/frontend/src/app/events/Event.tsx
index adc7f3e..f7f8a80 100644
--- a/frontend/src/app/events/Event.tsx
+++ b/frontend/src/app/events/Event.tsx
@@ -14,7 +14,7 @@ export default function EventInstance({Event} : EventProps)
     return (<>
         <div className="flex flex-row bg-[#272626] h-[20vh] w-[50vw] max-[600px]:w-[90vw] rounded-lg items-center">
             <div className={"basis-1/6 self-center m-5"}>
-                <Image alt={"event-image"} loader={({ src } ) => Event.Image} src={Event.Image} height={100} width={130} className={"rounded"}/>
+                <Image alt={"event-image"} src={Event.Image} height={100} width={130} className={"rounded"}/>
             </div>
             <div className={"flex flex-col self-start mt-2 gap-3"}>
                 <div className={"text-xl font-bold"}>{Event.Title}</div>
diff --git a/frontend/src/app/events/EventsPage.tsx b/frontend/src/app/events/EventsPage.tsx
index afa2cf4..459afd6 100644
--- a/frontend/src/app/events/EventsPage.tsx
+++ b/frontend/src/app/events/EventsPage.tsx
@@ -14,7 +14,6 @@ export default function EventsPage()
 
     const [events, setEvents] = useState(new Array<CalendarEvent>()); 
 
-
     useEffect(() => {
         (async () => {
             setEvents((await mainDispatch(fetchEventsAsync() as AppDispatch)) as unknown as CalendarEvent[]); 
diff --git a/frontend/src/app/thunks/EventThunks.ts b/frontend/src/app/thunks/EventThunks.ts
index 42db5de..4b15b9d 100644
--- a/frontend/src/app/thunks/EventThunks.ts
+++ b/frontend/src/app/thunks/EventThunks.ts
@@ -10,8 +10,6 @@ export const fetchEventsAsync = () => async (state: RootState, dispatch: AppDisp
                                                 } 
                                             }))).json();
 
-    console.log(response);
-
     return response["Payload"].map((item: any) => { 
         return {
             Title: item.Title,
@@ -19,7 +17,7 @@ export const fetchEventsAsync = () => async (state: RootState, dispatch: AppDisp
             End: new Date(item.End),
             Description: item.Description,
             Location: item.Location,
-            Image: "https://langaracpsc.github.io/assets/social.png" 
+            Image: (item.Image != null) ? `data:image/png;base64, ${item.Image}` : ""
         } as CalendarEvent;
      });
-};  
\ No newline at end of file
+}; 
\ No newline at end of file