Implemented Accept/Reject Functions for RSVP Modals (#283)

* Added profile page and accepted page updates * Implemented accept/reject modal logic; integrated with API --------- Co-authored-by: J164 <[email protected]>
HackIllinois · Feb 2, 2025 · f5be26d · f5be26d
1 parent b22aa4c
commit f5be26d
Show file tree

Hide file tree

Showing 3 changed files with 72 additions and 27 deletions.
diff --git a/components/Profile/RSVP/ModalViews/Accepted.tsx b/components/Profile/RSVP/ModalViews/Accepted.tsx
@@ -1,5 +1,7 @@
 import React from "react";
 import styles from "./styles.module.scss";
+import OlympianButton from "@/components/OlympianButton/OlympianButton";
+import { RSVPDecideAccept, RSVPDecideDecline } from "@/util/api";
 
 type AcceptedType = "PRO" | "PRO_TO_GENERAL" | "GENERAL";
 
@@ -9,12 +11,20 @@ type AcceptedProps = {
 };
 
 export default function Accepted({ acceptedType, reimburse }: AcceptedProps) {
+    const handleConfirm = async () => {
+        await RSVPDecideAccept();
+    };
+
+    const handleDecline = async () => {
+        await RSVPDecideDecline();
+    };
+
     return (
         <ChooseRSVP
             acceptedType={acceptedType}
             reimburse={reimburse}
-            handleConfirm={() => {}}
-            handleDecline={() => {}}
+            handleConfirm={handleConfirm}
+            handleDecline={handleDecline}
         />
     );
 }
@@ -26,7 +36,12 @@ type ChooseRSVPProps = {
     handleDecline: () => void;
 };
 
-export function ChooseRSVP({ reimburse, acceptedType }: ChooseRSVPProps) {
+export function ChooseRSVP({
+    reimburse,
+    acceptedType,
+    handleConfirm,
+    handleDecline
+}: ChooseRSVPProps) {
     return (
         <div className={styles.container}>
             <div className={styles.textBlock}>
@@ -46,8 +61,18 @@ export function ChooseRSVP({ reimburse, acceptedType }: ChooseRSVPProps) {
                 )}
             </div>
             <div className={styles.buttonGroup}>
-                {/* <ConfirmButton onClick={handleConfirm} />
-                <DeclineButton onClick={handleDecline} /> */}
+                <OlympianButton
+                    text="Confirm"
+                    onClick={handleConfirm}
+                    medium
+                    gold
+                />
+                <OlympianButton
+                    text="Decline"
+                    onClick={handleDecline}
+                    medium
+                    blue
+                />
             </div>
         </div>
     );

diff --git a/components/Profile/RSVP/ModalViews/Rejected.tsx b/components/Profile/RSVP/ModalViews/Rejected.tsx
@@ -3,17 +3,21 @@ import styles from "./styles.module.scss";
 export function Rejected() {
     return (
         <div className={styles.container}>
-            <b>
-                Unfortunately, we were unable to offer you a spot at
-                HackIllinois
-            </b>
-            <b>
-                Email us at{" "}
-                <a href="mailto:[email protected]">
-                    [email protected]
-                </a>{" "}
-                if you have any questions!
-            </b>
+            <p>
+                <b>
+                    Unfortunately, we were unable to offer you a spot at
+                    HackIllinois
+                </b>
+            </p>
+            <p>
+                <b>
+                    Email us at{" "}
+                    <a href="mailto:[email protected]">
+                        [email protected]
+                    </a>{" "}
+                    if you have any questions!
+                </b>
+            </p>
         </div>
     );
 }
@@ -22,17 +26,21 @@ export function Rejected() {
 export function Waitlisted() {
     return (
         <div className={styles.container}>
-            <b>
-                Unfortunately, we have deferred your application decision at
-                this time.
-            </b>
-            <b>
-                Email us at{" "}
-                <a href="mailto:[email protected]">
-                    [email protected]
-                </a>{" "}
-                if you have any questions!
-            </b>
+            <p>
+                <b>
+                    Unfortunately, we have deferred your application at this
+                    time
+                </b>
+            </p>
+            <p>
+                <b>
+                    Email us at{" "}
+                    <a href="mailto:[email protected]">
+                        [email protected]
+                    </a>{" "}
+                    if you have any questions!
+                </b>
+            </p>
         </div>
     );
 }
diff --git a/components/Profile/RSVP/ModalViews/styles.module.scss b/components/Profile/RSVP/ModalViews/styles.module.scss
@@ -0,0 +1,12 @@
+.buttonGroup {
+    width: 100%;
+    display: flex;
+    margin-top: 15px;
+    justify-content: center;
+    align-items: center;
+    gap: 5px;
+}
+
+.container {
+    color: black;
+}