Redirect applicants when successfully submitting applications (if pos…

…sible) (#136)

* feat: redirect to `/portal` on successful submission

* feat: for non-JS display message from API on success on submit

* fix: use `useRouter` instead of `redirect`

apps/api/src/routers/user.py

@@ -62,7 +62,7 @@ async def apply(
     user: Annotated[User, Depends(require_user_identity)],
     raw_application_data: Annotated[RawApplicationData, Depends(RawApplicationData)],
     resume: Optional[UploadFile] = None,
-) -> None:
+) -> str:
     # check if email is already in database
     EXISTING_RECORD = await mongodb_handler.retrieve_one(
         Collection.USERS, {"_id": user.uid}
@@ -137,3 +137,7 @@ async def apply(
     # TODO: handle inconsistent results if one service fails
 
     log.info("%s submitted an application", user.uid)
+    return (
+        "Thank you for submitting an application to IrvineHacks 2024! Please "
+        + "visit https://irvinehacks.com/portal to see your application status."
+    )

apps/site/src/app/apply/sections/Form/Form.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { FormEvent, useState } from "react";
+import { useRouter } from "next/router";
 import axios from "axios";
 
 import Button from "@/lib/components/Button/Button";
@@ -19,6 +20,7 @@ const FIELDS_WITH_OTHER = ["pronouns", "ethnicity", "school", "major"];
 export default function Form() {
 	const [submitting, setSubmitting] = useState(false);
 	const [sessionExpired, setSessionExpired] = useState(false);
+	const router = useRouter();
 
 	const handleSubmit = async (
 		event: FormEvent<HTMLFormElement>,
@@ -46,7 +48,7 @@ export default function Form() {
 			const res = await axios.post(APPLY_PATH, formData);
 			if (res.status === 201) {
 				console.log("Application submitted");
-				// TODO: show submitted message
+				router.push("/portal");
 			}
 		} catch (err) {
 			console.error(err);