.

Author: eugene0111

app/recruitment/actions.js

@@ -1,44 +1,59 @@
 "use server";
-
 import { writeClient } from "@/lib/sanity/writeClient";
 
 export async function submitApplication(formData) {
   try {
     const name = formData.get("name");
     const email = formData.get("email");
     const positionId = formData.get("positionId");
+    const questionKeysRaw = formData.get("questionKeys");
+
+    if (!questionKeysRaw) {
+      throw new Error("Missing form structure data.");
+    }
 
-    const questionKeys = JSON.parse(formData.get("questionKeys"));
+    const questionKeys = JSON.parse(questionKeysRaw);
+    const answers = [];
 
-    const answers = await Promise.all(
-      questionKeys.map(async (q) => {
-        const fieldData = {
-          _key: Math.random().toString(36).substring(2),
-          question: q.text,
-        };
+    for (const q of questionKeys) {
+      const fieldData = {
+        _key: Math.random().toString(36).substring(2, 11),
+        question: q.text,
+      };
 
-        const value = formData.get(q.text);
+      const value = formData.get(q.text);
 
-        if (q.type === "image upload") {
-          if (value && value instanceof File && value.size > 0) {
+      if (q.type === "image upload") {
+        if (value && value instanceof File && value.size > 0) {
+          try {
             const asset = await writeClient.assets.upload("image", value, {
               filename: value.name,
+              contentType: value.type,
             });
+
             fieldData.imageAnswer = {
               _type: "image",
               asset: {
                 _type: "reference",
                 _ref: asset._id,
               },
             };
+          } catch (uploadError) {
+            console.error(
+              `Image upload failed for question: ${q.text}`,
+              uploadError,
+            );
+            throw new Error(
+              `Failed to upload image for "${q.text}". Please try a smaller file.`,
+            );
           }
-        } else {
-          fieldData.textAnswer = value;
         }
+      } else {
+        fieldData.textAnswer = value?.toString() || "";
+      }
 
-        return fieldData;
-      }),
-    );
+      answers.push(fieldData);
+    }
 
     await writeClient.create({
       _type: "application",
@@ -54,11 +69,13 @@ export async function submitApplication(formData) {
 
     return { success: true };
   } catch (error) {
-    console.error("Submission Error:", error);
+    console.error("CRITICAL SUBMISSION ERROR:", error);
+
     return {
       success: false,
       error:
-        error.message || "An error occurred while submitting your application.",
+        error.message ||
+        "A server error occurred. Please check your connection and try again.",
     };
   }
 }

components/RecruitmentForm.jsx

@@ -4,6 +4,8 @@ import { signOut } from "next-auth/react";
 import RenderImage from "./RenderImage";
 import { submitApplication } from "@/app/recruitment/actions";
 
+const MAX_FILE_SIZE = 10 * 1024 * 1024; 
+
 export default function RecruitmentForm({ positions, user }) {
   const [selectedPosition, setSelectedPosition] = useState(positions[0]);
   const [status, setStatus] = useState("idle");
@@ -20,6 +22,19 @@ export default function RecruitmentForm({ positions, user }) {
       type: q.fieldType,
     }));
 
+    for (const q of questionKeys) {
+      if (q.type === "image upload") {
+        const file = formData.get(q.text);
+        if (file && file instanceof File && file.size > MAX_FILE_SIZE) {
+          setStatus("error");
+          setErrorMessage(
+            `The file for "${q.text}" is too large (Max 10MB). Please upload a smaller image.`
+          );
+          return;
+        }
+      }
+    }
+
     formData.append("questionKeys", JSON.stringify(questionKeys));
     formData.append("positionId", selectedPosition._id);
 
@@ -32,8 +47,9 @@ export default function RecruitmentForm({ positions, user }) {
         setErrorMessage(result.error || "Failed to submit application.");
       }
     } catch (err) {
+      console.error("Client-side submission error:", err);
       setStatus("error");
-      setErrorMessage("An unexpected error occurred. Please try again.");
+      setErrorMessage("An unexpected error occurred. Please check your internet connection.");
     }
   }
 
@@ -70,7 +86,7 @@ export default function RecruitmentForm({ positions, user }) {
             Submit another application
           </button>
           <button
-            onClick={() => signOut({ callbackUrl: "/recruitment" })} //
+            onClick={() => signOut({ callbackUrl: "/recruitment" })}
             className="text-xs font-bold uppercase tracking-widest text-gray-500 hover:text-red-500 transition-colors"
           >
             Sign Out
@@ -175,6 +191,7 @@ export default function RecruitmentForm({ positions, user }) {
                       className="w-full cursor-pointer text-sm text-gray-400 file:mr-4 file:rounded-full file:border-0 file:bg-neon-green/10 file:px-4 file:py-2 file:text-xs file:font-bold file:text-neon-green hover:file:bg-neon-green hover:file:text-darkest transition-all"
                       required
                     />
+                    <p className="text-[10px] text-gray-600 mt-1">Max file size: 10MB</p>
                   </div>
                 )}
               </div>