Feature/presenter form

projects/mybyte/components/Event.tsx

@@ -47,7 +47,7 @@ export default function Event(props: EventDetail) {
           <Typography>{props.date}</Typography>
           <Typography>{props.description}</Typography>
           <Typography className="text-[#DC4141]">
-            {props.in_person ? "In-Person" : "Hybrid"}
+            {props.in_person ? "In-Person" : "Hybrid (In-Person & Virtual)"}
           </Typography>
         </CardBody>
       </Card>

projects/mybyte/context/AuthContext.tsx

@@ -27,8 +27,8 @@ import {
 } from "firebase/storage";
 
 import { RegisterForm } from "../interfaces/registerForm";
-import { useRouter } from "next/router";
 import { ESportsRegisterForm } from "../interfaces/eSportsRegisterForm";
+import { PresenterRegisterForm } from "../interfaces/presenterRegisterForm";
 
 export interface UserType {
   email: string | null;
@@ -73,13 +73,13 @@ export const AuthContextProvider = ({
   const userRefStage = collection(db, "users-stage");
   const eSportsRefStage = collection(db, "user-e-sports-details-stage");
   const registerRefStage = collection(db, "user-registration-details-stage");
+  const workshopRefStage = collection(db, "user-workshop-details-stage");
 
   // Prod Environment
   const userRef = collection(db, "users");
   const eSportsRef = collection(db, "user-e-sports-details");
   const registerRef = collection(db, "user-registration-details");
-
-  const router = useRouter();
+  const workshopRef = collection(db, "user-workshop-details");
 
   useEffect(() => {
     const unsubscribe = onAuthStateChanged(auth, (curr_user) => {
@@ -184,6 +184,67 @@ export const AuthContextProvider = ({
     setUserInformation(user.uid);
   };
 
+  const storeWorkshopRegistrationInformation = async (
+    data: PresenterRegisterForm
+  ) => {
+    if (data.slides.length == 0) {
+      await setDoc(doc(workshopRef, user.uid ? user.uid : ""), {
+        uid: user.uid,
+        firstName: data.firstName,
+        lastName: data.lastName,
+        preferredTimes: data.preferredTimes,
+        workshopName: data.workshopName,
+        workshopDetails: data.workshopDetails,
+        topic: data.topic,
+        isOnline: data.isOnline,
+      });
+    } else {
+      const storage = getStorage();
+      const file = data.slides[0];
+
+      const storageRef = ref(
+        storage,
+        "presentation_slides/" + user.uid + "/" + file.name
+      );
+
+      const uploadTask = uploadBytesResumable(storageRef, file);
+
+      uploadTask.on(
+        "state_changed",
+        (snapshot) => {
+          console.log("upload in progress");
+        },
+        (error) => {
+          console.log("Error uploading resume");
+          alert(error);
+        },
+        async () => {
+          await getDownloadURL(uploadTask.snapshot.ref).then((downloadURL) => {
+            setDoc(doc(workshopRef, user.uid ? user.uid : ""), {
+              uid: user.uid,
+              firstName: data.firstName,
+              lastName: data.lastName,
+              preferredTimes: data.preferredTimes,
+              workshopName: data.workshopName,
+              workshopDetails: data.workshopDetails,
+              topic: data.topic,
+              isOnline: data.isOnline,
+              slides: downloadURL,
+            });
+          });
+        }
+      );
+    }
+
+    // Set user status to registered for workshop hosting
+    await updateDoc(doc(userRef, user.uid ? user.uid : ""), {
+      "registered.PRESENT8": true,
+    });
+
+    // Update user info
+    setUserInformation(user.uid);
+  };
+
   function getFirstAndLastNameFromGoogleName(
     full_name: string | null
   ): [string, string] {
@@ -373,6 +434,7 @@ export const AuthContextProvider = ({
         currEvent,
         setCurrEvent,
         storeESportsRegistrationInformation,
+        storeWorkshopRegistrationInformation,
       }}
     >
       {loading ? null : children}

projects/mybyte/enums/events.ts

@@ -2,4 +2,5 @@ export enum Events {
   hacks8 = "HACKS8",
   make8 = "MAKE8",
   e_sports_8 = "ESPORTS8",
+  present_8 = "PRESENT8",
 }

projects/mybyte/interfaces/presenterRegisterForm.ts

@@ -0,0 +1,10 @@
+export interface PresenterRegisterForm {
+  firstName: string;
+  lastName: string;
+  preferredTimes: string;
+  workshopName: string;
+  workshopDetails: string;
+  topic: string;
+  slides: FileList;
+  isOnline: boolean;
+}

projects/mybyte/pages/_app.tsx

@@ -21,6 +21,7 @@ function MyApp({ Component, pageProps }: AppProps) {
   const hacks_8_bg_routes = [
     "/registrationSuccess",
     "/eSportsRegistrationSuccess",
+    "/presenterRegistrationSuccess",
   ];
 
   useEffect(() => {

projects/mybyte/pages/dashboard.tsx

@@ -11,7 +11,7 @@ const Hacks8: EventDetail = {
   date: "02/03/2023 - 02/05/2023",
   description: "Create your own adventure! 🛫",
   page: "/events/hacks-8",
-  in_person: true,
+  in_person: false,
   image: "/byte_mini.png",
   // Add in person attribute
 };