Signup Routing

backend/rest/authRoutes.ts

@@ -51,7 +51,7 @@ authRouter.post("/signup", signupRequestValidator, async (req, res) => {
       firstName: req.body.firstName,
       lastName: req.body.lastName,
       email: req.body.email,
-      role: "Facilitator",
+      role: req.body.role,
       password: req.body.password,
     });
 

frontend/src/APIClients/AuthAPIClient.ts

@@ -59,11 +59,12 @@ const signup = async (
   lastName: string,
   email: string,
   password: string,
+  role: string, // Added role parameter
 ): Promise<AuthenticatedUser> => {
   try {
     const { data } = await baseAPIClient.post(
       "/auth/signup",
-      { firstName, lastName, email, password },
+      { firstName, lastName, email, password, role }, // Added role to request body
       { withCredentials: true },
     );
     localStorage.setItem(AUTHENTICATED_USER_KEY, JSON.stringify(data));
@@ -72,7 +73,6 @@ const signup = async (
     return null;
   }
 };
-
 const resetPassword = async (email: string | undefined): Promise<boolean> => {
   const bearerToken = `Bearer ${getLocalStorageObjProperty(
     AUTHENTICATED_USER_KEY,

frontend/src/components/auth/Signup.tsx

@@ -1,10 +1,11 @@
 import React, { useContext, useState } from "react";
-import { Redirect } from "react-router-dom";
+import { Redirect, useLocation } from "react-router-dom";
 
 import authAPIClient from "../../APIClients/AuthAPIClient";
-import { HOME_PAGE } from "../../constants/Routes";
+import { HOME_PAGE, WELCOME_PAGE } from "../../constants/Routes";
 import AuthContext from "../../contexts/AuthContext";
 import { AuthenticatedUser } from "../../types/AuthTypes";
+import { capitalizeFirstLetter } from "../../utils/StringUtils";
 
 const Signup = (): React.ReactElement => {
   const { authenticatedUser, setAuthenticatedUser } = useContext(AuthContext);
@@ -13,12 +14,23 @@ const Signup = (): React.ReactElement => {
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
 
+  const location = useLocation();
+
+  // Extract query parameters from the URL
+  const params = new URLSearchParams(location.search);
+  const role = params.get("role");
+
+  if (role !== "facilitator") {
+    return <Redirect to={WELCOME_PAGE} />;
+  }
+
   const onSignupClick = async () => {
     const user: AuthenticatedUser = await authAPIClient.signup(
       firstName,
       lastName,
       email,
       password,
+      capitalizeFirstLetter(role),
     );
     setAuthenticatedUser(user);
   };
@@ -29,7 +41,7 @@ const Signup = (): React.ReactElement => {
 
   return (
     <div style={{ textAlign: "center" }}>
-      <h1>Signup</h1>
+      <h1>{capitalizeFirstLetter(role)} Signup</h1>
       <form>
         <div>
           <input