From 9e81a95f355863f40fab26bf3ba420cfb6bcbf08 Mon Sep 17 00:00:00 2001
From: Jacob <jacob.ellerbrock.me@gmail.com>
Date: Sun, 29 Sep 2024 18:14:37 -0500
Subject: [PATCH] Added text saying only accepted files are PDF. Might want to
 make it dynamic later

---
 .../components/registration/RegisterForm.tsx  | 31 ++++++++++++-------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/apps/web/src/components/registration/RegisterForm.tsx b/apps/web/src/components/registration/RegisterForm.tsx
index a78c3547..85feddfe 100644
--- a/apps/web/src/components/registration/RegisterForm.tsx
+++ b/apps/web/src/components/registration/RegisterForm.tsx
@@ -92,8 +92,8 @@ export default function RegisterForm({ defaultEmail }: RegisterFormProps) {
 			shirtSize: "" as any,
 			schoolID: "",
 			university: "",
-			phoneNumber:"",
-			countryOfResidence:"",
+			phoneNumber: "",
+			countryOfResidence: "",
 		},
 	});
 
@@ -116,10 +116,9 @@ export default function RegisterForm({ defaultEmail }: RegisterFormProps) {
 		}
 	}, [universityValue]);
 
-
-	useEffect(()=>{
-		console.log(countryValue)
-	},[countryValue])
+	useEffect(() => {
+		console.log(countryValue);
+	}, [countryValue]);
 
 	async function onSubmit(data: z.infer<typeof RegisterFormValidator>) {
 		console.log(data);
@@ -180,7 +179,7 @@ export default function RegisterForm({ defaultEmail }: RegisterFormProps) {
 			setIsLoading(false);
 			alert(
 				`Something went wrong while attempting to register. Please try again. If this is a continuing issue, please reach out to us at ${c.issueEmail}.`,
-			)
+			);
 			return console.log(
 				`Recieved a unexpected response from the server. Please try again. If this is a continuing issue, please reach out to us at ${c.issueEmail}.`,
 			);
@@ -1148,11 +1147,19 @@ export default function RegisterForm({ defaultEmail }: RegisterFormProps) {
 										>
 											<input {...getInputProps()} />
 											<p className="p-2 text-center">
-												{uploadedFile
-													? `${uploadedFile.name} (${Math.round(uploadedFile.size / 1024)}kb)`
-													: isDragActive
-														? "Drop your resume here..."
-														: "Drag 'n' drop your resume here, or click to select a file"}
+												{uploadedFile ? (
+													`${uploadedFile.name} (${Math.round(uploadedFile.size / 1024)}kb)`
+												) : isDragActive ? (
+													"Drop your resume here..."
+												) : (
+													<div>
+														Drag 'n' drop your
+														resume here, or click to
+														select a file
+														<br />
+														Accepted files: PDF
+													</div>
+												)}
 											</p>
 											{uploadedFile ? (
 												<Button