gg

calebwharton · Jul 14, 2024 · b6b6982 · b6b6982
1 parent 5f67535
commit b6b6982
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 9 deletions.
diff --git a/web/src/components/Sidebar.tsx b/web/src/components/Sidebar.tsx
@@ -186,6 +186,8 @@ const Sidebar: React.FC<SidebarProps> = ({
                     userId: localStorage.getItem("user_id"),
                 }
             );
+
+            onEventCreated();
         } catch (error) {
             console.log("Error: ", error);
         }
@@ -215,6 +217,22 @@ const Sidebar: React.FC<SidebarProps> = ({
         getEvents();
     }, [selectedMarker, data]);
 
+    async function handleOptOut() {
+        try {
+            await axios.post(
+                `${import.meta.env.VITE_SERVER_URL}/api/event/remove-attendee`,
+
+                {
+                    eventId: selectedEvent._id,
+                    userId: localStorage.getItem("user_id"),
+                }
+            );
+            onEventCreated();
+        } catch (error) {
+            console.log("Error: ", error);
+        }
+    }
+
     return (
         <div className="sidebar">
             {selectedMarker ? (
@@ -277,14 +295,24 @@ const Sidebar: React.FC<SidebarProps> = ({
                             <p>{formatDate(selectedEvent.date)}</p>
                             <p>{selectedEvent.description}</p>
                         </div>
-                        {isUser && (
-                            <button
-                                className="bg-navy text-primary font-semibold text-xl w-full rounded-xl py-3 mt-auto"
-                                onClick={handleInterestedEvent}
-                            >
-                                INTERESTED
-                            </button>
-                        )}
+                        {isUser &&
+                            (selectedEvent.atendees.includes(user) ? (
+                                // User is attending
+                                <button
+                                    className="bg-navy text-primary font-semibold text-xl w-full rounded-xl py-3 mt-auto"
+                                    onClick={handleOptOut}
+                                >
+                                    Opt Out
+                                </button>
+                            ) : (
+                                // User is not attending, show the interested button
+                                <button
+                                    className="bg-navy text-primary font-semibold text-xl w-full rounded-xl py-3 mt-auto"
+                                    onClick={handleInterestedEvent}
+                                >
+                                    Attend Event!
+                                </button>
+                            ))}
                     </div>
                 ) : (
                     <div className="flex flex-col h-full text-left">

diff --git a/web/src/pages/Home.tsx b/web/src/pages/Home.tsx
@@ -35,7 +35,7 @@ const Home: React.FC = () => {
                 `${import.meta.env.VITE_SERVER_URL}/api/location/`
             );
             setData(response.data);
-            console.log(response.data);
+            // console.log(response.data);
         } catch (err) {
             console.error("Error fetching data:", err);
             // Handle error