push to Production

cypress/e2e/admin/admins/Select.cy.js

@@ -13,7 +13,7 @@ describe("Admin Select", () => {
   });
 
   it("Select All", () => {
-    cy.get('[data-cy="select-all"]').click();
+    cy.get('[data-cy="toolbar"]').find('[data-cy="checkbox"]').click();
     admins.forEach((admin) => {
       cy.get(`[data-cy="${admin.uid}"]`).should("have.class", "bg-green-100");
     });

cypress/e2e/admin/committees/Select.cy.js

@@ -13,7 +13,7 @@ describe("committee Select", () => {
   });
 
   it("Select All", () => {
-    cy.get('[data-cy="select-all"]').click();
+    cy.get('[data-cy="toolbar"]').find('[data-cy="checkbox"]').click();
     committees.forEach((committee) => {
       cy.get(`[data-cy="${committee.uid}"]`).should(
         "have.class",

cypress/e2e/admin/judges/Select.cy.js

@@ -13,7 +13,7 @@ describe("Mentor Select", () => {
   });
 
   it("Select All", () => {
-    cy.get('[data-cy="select-all"]').click();
+    cy.get('[data-cy="toolbar"]').find('[data-cy="checkbox"]').click();
     judges.forEach((judge) => {
       cy.get(`[data-cy="${judge.uid}"]`).should("have.class", "bg-green-100");
     });

cypress/e2e/admin/mentors/Select.cy.js

@@ -13,7 +13,7 @@ describe("Mentor Select", () => {
   });
 
   it("Select All", () => {
-    cy.get('[data-cy="select-all"]').click();
+    cy.get('[data-cy="toolbar"]').find('[data-cy="checkbox"]').click();
     mentors.forEach((mentor) => {
       cy.get(`[data-cy="${mentor.uid}"]`).should("have.class", "bg-green-100");
     });

cypress/e2e/admin/participants/Select.cy.js

@@ -13,7 +13,7 @@ describe("Participant Select", () => {
   });
 
   it("Select All", () => {
-    cy.get('[data-cy="select-all"]').click();
+    cy.get('[data-cy="toolbar"]').find('[data-cy="checkbox"]').click();
     participants.forEach((participant) => {
       cy.get(`[data-cy="${participant.uid}"]`).should(
         "have.class",

cypress/e2e/admin/sponsors/Select.cy.js

@@ -13,7 +13,7 @@ describe("Sponsors Select", () => {
   });
 
   it("Select All", () => {
-    cy.get('[data-cy="select-all"]').click();
+    cy.get('[data-cy="toolbar"]').find('[data-cy="checkbox"]').click();
     sponsors.forEach((sponsor) => {
       cy.get(`[data-cy="${sponsor.uid}"]`).should("have.class", "bg-green-100");
     });

cypress/e2e/admin/teams/Select.cy.js

@@ -13,7 +13,7 @@ describe("Teams Select", () => {
   });
 
   it("Select All", () => {
-    cy.get('[data-cy="select-all"]').click();
+    cy.get('[data-cy="toolbar"]').find('[data-cy="checkbox"]').click();
     teams.forEach((team) => {
       cy.get(`[data-cy="${team.uid}"]`).should("have.class", "bg-green-100");
     });

cypress/e2e/admin/volunteers/Select.cy.js

@@ -13,7 +13,7 @@ describe("Volunteers Select", () => {
   });
 
   it("Select All", () => {
-    cy.get('[data-cy="select-all"]').click();
+    cy.get('[data-cy="toolbar"]').find('[data-cy="checkbox"]').click();
     volunteers.forEach((volunteer) => {
       cy.get(`[data-cy="${volunteer.uid}"]`).should(
         "have.class",

src/app/api/team/route.js

@@ -22,7 +22,7 @@ export async function POST() {
         devpost: "",
         figma: "",
       },
-      members: [{ email: user.email, name: user.name, uid: user.id }],
+      members: [{ discord: user.discord, name: user.name, uid: user.id }],
       status: 0,
     };
     const docRef = await addDoc(collection(db, "teams"), team);

src/app/api/teams/route.js

@@ -29,7 +29,7 @@ export async function GET() {
       const { links, status, members } = doc.data();
 
       const formattedNames = members.map((member) => member.name);
-      const formattedEmails = members.map((member) => member.email);
+      const formattedDiscords = members.map((member) => member.discord);
       const formattedUids = members.map((member) => member.uid);
       const formattedLinks = Object.entries(links)
         .filter(([key, value]) => value !== "")
@@ -40,7 +40,7 @@ export async function GET() {
       output.push({
         links: formattedLinks,
         members: formattedNames,
-        emails: formattedEmails,
+        discords: formattedDiscords,
         uids: formattedUids,
         status,
         uid: doc.id,

src/app/form/[type]/page.js

@@ -0,0 +1,49 @@
+import Admin from "@/components/dynamic/form/Admin";
+import Committee from "@/components/dynamic/form/Committee";
+import Feedback from "@/components/dynamic/form/Feedback";
+import Interest from "@/components/dynamic/form/Interest";
+import Judge from "@/components/dynamic/form/Judge";
+import Mentor from "@/components/dynamic/form/Mentor";
+import Participant from "@/components/dynamic/form/Participant";
+import Sponsor from "@/components/dynamic/form/Sponsor";
+import Volunteer from "@/components/dynamic/form/Volunteer";
+import ProtectedPage from "@/components/dynamic/ProtectedPage";
+import Fault from "@/utils/error";
+
+const Page = ({ params }) => {
+  const components = {
+    admin: <Admin />,
+    committee: <Committee />,
+    feedback: <Feedback />,
+    interest: <Interest />,
+    judge: <Judge />,
+    mentor: <Mentor />,
+    participant: <Participant />,
+    sponsor: <Sponsor />,
+    volunteer: <Volunteer />,
+  };
+
+  const capitalizeFirstLetter = (word) => {
+    return word[0].toUpperCase() + word.slice(1);
+  };
+
+  if (components.hasOwnProperty(params.type)) {
+    return (
+      <ProtectedPage
+        title={`Form | ${capitalizeFirstLetter(params.type)}`}
+        restrictions={{}}
+        customStyle={true}
+      >
+        {components[params.type]}
+      </ProtectedPage>
+    );
+  } else {
+    throw new Fault(
+      404,
+      "Page Not Found",
+      "The page you are looking for does not seem to exist"
+    );
+  }
+};
+
+export default Page;

src/components/dynamic/Checkbox.jsx

@@ -1,6 +1,13 @@
 import { BsCheckLg } from "react-icons/bs";
 
-const Checkbox = ({ toggle, onClick = () => {}, text = "", color }) => {
+const Checkbox = ({
+  toggle,
+  onClick = () => {},
+  text = "",
+  color,
+  customStyle = false,
+  "data-cy": dataCy,
+}) => {
   return (
     <div
       className="flex items-center hover:cursor-pointer w-fit"
@@ -9,7 +16,9 @@ const Checkbox = ({ toggle, onClick = () => {}, text = "", color }) => {
     >
       <div
         data-cy="checkbox-bg"
-        className={`w-4 h-4 rounded-sm border border-white !bg-transparent ${
+        className={`w-4 h-4 rounded-sm ${
+          customStyle ? "border border-white !bg-transparent" : ""
+        } ${
           toggle
             ? `${color ? color : "bg-hackathon-blue-100"}`
             : "bg-hackathon-gray-100"

src/components/dynamic/Loading.jsx

@@ -1,11 +1,16 @@
 import { AiOutlineLoading3Quarters } from "react-icons/ai";
 
-const Loading = () => {
-  return (
-    <div className="w-full h-screen flex flex-col items-center justify-center bg-bear-dark gap-4">
+const Loading = ({ customStyle = false }) => {
+  return customStyle ? (
+    <div className="w-full h-screen flex flex-col items-center justify-center gap-4 bg-bear-dark">
       <p className="text-3xl font-bold text-white font-header">Loading...</p>
       <AiOutlineLoading3Quarters className="animate-spin text-white" />
     </div>
+  ) : (
+    <div className="w-full h-full flex flex-col items-center justify-center gap-4">
+      <p className="text-3xl font-bold text-hackathon-blue-100">Loading...</p>
+      <AiOutlineLoading3Quarters className="animate-spin text-hackathon-blue-100" />
+    </div>
   );
 };