Add fields for good builds, bad builds, and technical aspects

These new fields enhance the event application form data by capturing more detailed information about the applicant's building experience and technical skills.

src/components/form/data/event_apply.tsx

@@ -60,6 +60,32 @@ export const event_apply: FormData = {
             max_length: 2000,
             required: true,
         },
+        {
+            label: "What things are you good at building?",
+            additional_info: "You can include links to pictures of your builds",
+            name: "good_builds",
+            type: "textarea",
+            min_length: 2,
+            max_length: 2000,
+            required: true,
+        },
+        {
+            label: "What things do you struggle to build?",
+            name: "bad_builds",
+            type: "textarea",
+            min_length: 2,
+            max_length: 2000,
+            required: true,
+        },
+        {
+            label: "Do you have experience with the technical aspects of Minecraft? If so please list what you can do",
+            additional_info: "With technical aspects we mean things like plugins, mods, adventure maps, etc.",
+            name: "technical_aspects",
+            type: "textarea",
+            min_length: 2,
+            max_length: 2000,
+            required: true,
+        },
         {
             label: "Are you able to use voice chat on Discord",
             name: "discord_vc",
@@ -81,11 +107,11 @@ export const event_apply: FormData = {
             required: false,
         },
     ],
-    backend: `${process.env.REACT_APP_BACKEND_BASE_URL}/api/apply/staffApplication`,
+    backend: `${process.env.REACT_APP_BACKEND_BASE_URL}/api/event-apply/eventApplication`,
     userInput: {
         username: '', email: '', discord: ''
         , age: '', pronoun: '', avg_time: '', event_experience: ''
-        , discord_vc: '', other: ''
+        , discord_vc: '', good_builds: '', bad_builds: '', technical_aspects: '', other: ''
     },
     spec: Yup.object().shape({
         username: Yup.string()
@@ -132,6 +158,21 @@ export const event_apply: FormData = {
             .matches(/(yes|no)$/i, 'Yes or no')
             .required('An answer is required'),
 
+        good_builds: Yup.string()
+            .min(2, 'Please provide examples of things you are good at building')
+            .max(2000, 'Please provide at most 2000 characters')
+            .required('Please enter your build experience or simply say you don\'t have any'),
+
+        bad_builds: Yup.string()
+            .min(2, 'Please provide examples of things you are bad at building')
+            .max(2000, 'Please provide at most 2000 characters')
+            .required('Please enter your build experience or simply say you don\'t have any'),
+
+        technical_aspects: Yup.string()
+            .min(2, 'Please provide your experience with the technical aspects of Minercraft, if you don\'t have any you can say that instead')
+            .max(2000, 'Please provide at most 2000 characters')
+            .required('Please enter your technical experience or simply say you don\'t have any'),
+
         other: Yup.string()
             .max(2000, 'Please provide at most 2000 characters')
     }),

src/components/form/formInterfaces.tsx

@@ -3,7 +3,7 @@ import React from "react";
 
 type InputNames = "username" | "email" | "question" | "discord" | "pc_requirements" | "age" | "pronoun" | "join_date" |
     "avg_time" | "available_days" | "available_time" | "staff_experience" | "plugin_experience" | "why_staff" |
-    "expectations_mod" | "event_experience" | "discord_vc" | "other";
+    "expectations_mod" | "event_experience" | "discord_vc" | "other" | "good_builds" | "bad_builds" | "technical_aspects";
 
 export interface Step {
     label: string;