From 28d14dc0914a712a485642ebc77f88782cc4c8fe Mon Sep 17 00:00:00 2001
From: aanxniee <caishajia@gmail.com>
Date: Thu, 22 Feb 2024 12:07:55 -0500
Subject: [PATCH] opens S24 apps, adds new scoping pod question

---
 components/apply/AppForm.tsx               | 15 ++++++-
 components/apply/RoleSpecificQuestions.tsx | 17 +++++++
 components/common/SelectInput.tsx          |  6 +++
 components/join/Hero.tsx                   |  2 +-
 constants/applications.ts                  | 10 ++---
 constants/role-specific-questions.json     | 52 ++++++++++++++++++++--
 6 files changed, 92 insertions(+), 10 deletions(-)

diff --git a/components/apply/AppForm.tsx b/components/apply/AppForm.tsx
index 46c870ad..c3375c0d 100644
--- a/components/apply/AppForm.tsx
+++ b/components/apply/AppForm.tsx
@@ -32,11 +32,20 @@ interface RoleQuestion {
 
 interface ShortAnswerRoleQuestion extends RoleQuestion {
   type?: "short-answer";
+  description?: string;
   maxLength: number;
 }
 
 interface MultiSelectRoleQuestion extends RoleQuestion {
   type: "multi-select";
+  description?: string;
+  options: string[];
+  other: boolean;
+}
+
+interface SelectRoleQuestion extends RoleQuestion {
+  type: "select";
+  description?: string;
   options: string[];
   other: boolean;
 }
@@ -45,7 +54,11 @@ export type RoleSpecificQuestion = {
   id: number;
   role: string;
   open?: boolean;
-  questions: (ShortAnswerRoleQuestion | MultiSelectRoleQuestion)[];
+  questions: (
+    | ShortAnswerRoleQuestion
+    | MultiSelectRoleQuestion
+    | SelectRoleQuestion
+  )[];
 };
 
 export type AppFormValues = {
diff --git a/components/apply/RoleSpecificQuestions.tsx b/components/apply/RoleSpecificQuestions.tsx
index e784bfd8..0d643456 100644
--- a/components/apply/RoleSpecificQuestions.tsx
+++ b/components/apply/RoleSpecificQuestions.tsx
@@ -1,5 +1,6 @@
 import { FC, useMemo } from "react";
 import MultiSelectInput from "@components/common/MultiSelectInput";
+import SelectInput from "@components/common/SelectInput";
 import TextAreaInput from "@components/common/TextAreaInput";
 import { AppFormValues, RoleSpecificQuestion } from "./AppForm";
 
@@ -18,6 +19,7 @@ type AggregatedQuestion = RoleSpecificQuestion["questions"][0] & {
 type QuestionInputProps = {
   id: string;
   labelText: string;
+  description?: string;
   value?: string | string[];
   question: RoleSpecificQuestion["questions"][0];
   readOnly: boolean;
@@ -30,6 +32,8 @@ const QuestionInput = ({
   question,
   readOnly,
 }: QuestionInputProps) => {
+  const { description } = question;
+
   switch (question.type) {
     case "multi-select": {
       return (
@@ -43,6 +47,19 @@ const QuestionInput = ({
         />
       );
     }
+    case "select": {
+      return (
+        <SelectInput
+          id={id}
+          labelText={labelText}
+          description={description}
+          value={value as string}
+          required
+          readOnly={readOnly}
+          {...question}
+        />
+      );
+    }
     case "short-answer":
     default:
       return (
diff --git a/components/common/SelectInput.tsx b/components/common/SelectInput.tsx
index 94d71475..09501de4 100644
--- a/components/common/SelectInput.tsx
+++ b/components/common/SelectInput.tsx
@@ -4,6 +4,7 @@ import { FC } from "react";
 type Props = {
   readonly id: string;
   readonly labelText?: string;
+  readonly description?: string;
   readonly value?: string;
   readonly options: string[];
   readonly required: boolean;
@@ -13,6 +14,7 @@ type Props = {
 const SelectInput: FC<Props> = ({
   id,
   labelText,
+  description,
   value,
   options,
   required,
@@ -24,6 +26,9 @@ const SelectInput: FC<Props> = ({
         <label htmlFor={id}>
           {labelText}
           {required && <span className="text-pink-500">*</span>}
+          {description && (
+            <p className="text-charcoal-500 my-4">{description}</p>
+          )}
         </label>
       )}
       {readOnly ? (
@@ -32,6 +37,7 @@ const SelectInput: FC<Props> = ({
         <Field
           as="select"
           id={id}
+          value={value ?? ""}
           name={id}
           className="border-l-charcoal-300 text-charcoal-600 border border-charcoal-300 rounded-md px-4 py-3 border-l-4 focus:outline-none focus:ring-1 focus:ring-blue-100 focus:border-blue-100"
           style={{ minHeight: "50px" }}
diff --git a/components/join/Hero.tsx b/components/join/Hero.tsx
index a8afcdc9..3a470714 100644
--- a/components/join/Hero.tsx
+++ b/components/join/Hero.tsx
@@ -20,7 +20,7 @@ const Hero: FC = () => {
             {APPLICATION_IS_LIVE && (
               <div>
                 <Button
-                  className="bg-transparent border-blue text-blue-100 md:border-white md:text-white"
+                  className="bg-transparent border-blue text-blue-100 md:border-white md:blue-100"
                   size="lg"
                   variant="secondary"
                   href={APPLICATION_LINK}
diff --git a/constants/applications.ts b/constants/applications.ts
index 1ee934f7..7e5ea7e1 100644
--- a/constants/applications.ts
+++ b/constants/applications.ts
@@ -5,7 +5,7 @@ import dayjs from "@utils/dayjs";
  * Format: YYYY-MM-DD HH:MM:SS
  */
 export const APPLICATION_OPEN_DATETIME = dayjs.tz(
-  "2023-10-25 00:00:00",
+  "2024-02-22 00:00:00",
   "America/Toronto",
 );
 
@@ -14,7 +14,7 @@ export const APPLICATION_OPEN_DATETIME = dayjs.tz(
  * Format: YYYY-MM-DD HH:MM:SS
  */
 export const APPLICATION_CLOSE_DATETIME = dayjs.tz(
-  "2023-11-12 23:59:59",
+  "2024-03-09 23:59:59",
   "America/Toronto",
 );
 
@@ -25,16 +25,16 @@ export const APPLICATION_CLOSE_DATETIME_WITH_GRACE_PERIOD =
  * Date that invites are sent out for interviews
  * Format: MMM DD
  */
-export const INVITE_DATE = "November 23rd";
+export const INVITE_DATE = "March 18th - 20th";
 
 /**
  * Final decision date
  * Format: MMM DD
  */
-export const FINAL_DECISION_DATE = "December 9th";
+export const FINAL_DECISION_DATE = "April 13th";
 
 // Term Blueprint is currently recruiting for (1 term after the current term)
-export const APPLICATION_TERM = "Winter 2024";
+export const APPLICATION_TERM = "Summer 2024";
 
 // URL of application page
 export const APPLICATION_LINK = "/apply";
diff --git a/constants/role-specific-questions.json b/constants/role-specific-questions.json
index 39477677..ed798257 100644
--- a/constants/role-specific-questions.json
+++ b/constants/role-specific-questions.json
@@ -13,6 +13,13 @@
         "uniqueId": 1,
         "question": "Tell us about a challenging technical problem that you've worked on in the past and how you solved it.",
         "maxLength": 1000
+      },
+      {
+        "uniqueId": 3,
+        "question": "Would you be interested in joining a scoping pod?",
+        "description": "Scoping pods include a designer, developer, and PM to join VP Scoping for meetings with NPO’s to provide their opinion and expertise! This will be in addition to the existing responsibilities of your role.",
+        "type": "select",
+        "options": ["Yes", "No"]
       }
     ]
   },
@@ -28,6 +35,13 @@
         "uniqueId": 2,
         "question": "Send us a link to your portfolio or a project you've worked on. If you do not have a link, please tell us about a project below. Describe the process and what you learned from it.",
         "maxLength": 1000
+      },
+      {
+        "uniqueId": 3,
+        "question": "Would you be interested in joining a scoping pod?",
+        "description": "Scoping pods include a designer, developer, and PM to join VP Scoping for meetings with NPO’s to provide their opinion and expertise! This will be in addition to the existing responsibilities of your role.",
+        "type": "select",
+        "options": ["Yes", "No"]
       }
     ]
   },
@@ -38,6 +52,13 @@
       {
         "question": "What is your favourite product?",
         "maxLength": 1000
+      },
+      {
+        "uniqueId": 3,
+        "question": "Would you be interested in joining a scoping pod?",
+        "description": "Scoping pods include a designer, developer, and PM to join VP Scoping for meetings with NPO’s to provide their opinion and expertise! This will be in addition to the existing responsibilities of your role.",
+        "type": "select",
+        "options": ["Yes", "No"]
       }
     ]
   },
@@ -53,6 +74,13 @@
       {
         "question": "Tell us about a past experience working with other people where you demonstrated leadership.",
         "maxLength": 1000
+      },
+      {
+        "uniqueId": 3,
+        "question": "Would you be interested in joining a scoping pod?",
+        "description": "Scoping pods include a designer, developer, and PM to join VP Scoping for meetings with NPO’s to provide their opinion and expertise! This will be in addition to the existing responsibilities of your role.",
+        "type": "select",
+        "options": ["Yes", "No"]
       }
     ]
   },
@@ -60,7 +88,6 @@
   {
     "id": "6",
     "role": "Content Strategist",
-    "open": false,
     "questions": [
       {
         "question": "What do you see as the purposes of content within the user experience of an app?",
@@ -85,6 +112,13 @@
       {
         "question": "Consider this hypothetical scenario: Blueprint is thinking of creating a standardized code repository for new projects to build off of. This idea has both supporters and detractors among the project leads. In bullet points, explain how you would build alignment among developers. Please state any assumptions or details as necessary.",
         "maxLength": 1000
+      },
+      {
+        "uniqueId": 3,
+        "question": "Would you be interested in joining a scoping pod?",
+        "description": "Scoping pods include a designer, developer, and PM to join VP Scoping for meetings with NPO’s to provide their opinion and expertise! This will be in addition to the existing responsibilities of your role.",
+        "type": "select",
+        "options": ["Yes", "No"]
       }
     ]
   },
@@ -100,13 +134,26 @@
         "uniqueId": 2,
         "question": "Send us a link to your portfolio or a project you've worked on. If you do not have a link, please tell us about a project below. Describe the process and what you learned from it.",
         "maxLength": 1000
+      },
+      {
+        "uniqueId": 3,
+        "question": "Would you be interested in joining a scoping pod?",
+        "description": "Scoping pods include a designer, developer, and PM to join VP Scoping for meetings with NPO’s to provide their opinion and expertise! This will be in addition to the existing responsibilities of your role.",
+        "type": "select",
+        "options": ["Yes", "No"]
       }
     ]
   },
   {
     "id": "10",
     "role": "VP Product",
-    "questions": []
+    "questions": [{
+      "uniqueId": 3,
+      "question": "Would you be interested in joining a scoping pod?",
+      "description": "Scoping pods include a designer, developer, and PM to join VP Scoping for meetings with NPO’s to provide their opinion and expertise! This will be in addition to the existing responsibilities of your role.",
+      "type": "select",
+      "options": ["Yes", "No"]
+    }]
   },
   {
     "id": "11",
@@ -116,7 +163,6 @@
   {
     "id": "12",
     "role": "VP Communications",
-    "open": false,
     "questions": [
       {
         "question": "What's a cool idea you think Blueprint should do to elevate our current branding and image in the community?",