diff --git a/pages/programs/highschool/apply.tsx b/pages/programs/highschool/apply.tsx index 8aa70185..a065061c 100644 --- a/pages/programs/highschool/apply.tsx +++ b/pages/programs/highschool/apply.tsx @@ -1,8 +1,9 @@ import { GetStaticProps, NextPage } from 'next'; import Link from 'next/link'; +import { FaArrowRight as RightArrowIcon } from 'react-icons/fa'; import { FiChevronLeft } from 'react-icons/fi'; -import styled from 'styled-components'; +import styled, { useTheme } from 'styled-components'; import Content from '@this/components/layout/Content'; import Main from '@this/components/layout/Main'; @@ -16,8 +17,23 @@ import Map from '@this/src/components/Elements/Map'; import { InfoIcon } from '@this/src/components/icons/Info'; import { Center } from '@this/src/components/layout/Center'; import { useClickAway } from '@this/src/hooks/useClickAway'; -import { useState } from 'react'; +import { FC, Fragment, useState } from 'react'; +const CourseTime: FC<{ courseTime: string }> = ({ courseTime }) => { + const [startStr, endStr] = courseTime.split('→'); + const theme = useTheme(); + return ( + + {startStr} + + {endStr} + + ); +}; type HighschoolSignupProps = { courses: IHighschoolPrograms['courses']; }; @@ -55,11 +71,11 @@ const HighschoolSignup: NextPage = ({ courses }) => { >
-

Summer 2024

+

Fall 2024

Coding Camp Application

Open to rising sophomores, juniors, seniors, and 2024 grads - (Graduating classes of 2024, 2025, 2026, and 2027). + (Graduating classes of 2025, 2026, and 2027).

{/* Common meeting time */} {/*

@@ -67,8 +83,8 @@ const HighschoolSignup: NextPage = ({ courses }) => { Monday through Friday.

*/}

- May 30 to June 28, - Monday-Friday, 3 hours daily. + Fall classes start the week of August 19th and end + the week of December 19th.

= ({ courses }) => {

- {`This summer, we’re offering half day summer coding camps, with in-person and virtual options. You can enroll in one or the other- there is no hybrid option. If you're able to arrange for reliable transportation to our learning center in the Marigny, we recommend in-person classes. We have a great lab with brand new equipment and an awesome staff to get you started on your coding journey. You'll also meet other students from a wide range of schools and backgrounds!`} + {`This fall, we’re offering after-school courses, with in-person and virtual options. You can enroll in one or the other- there is no hybrid option. If you're able to arrange for reliable transportation to our learning center in the Marigny, we recommend in-person classes. We have a great lab with brand new equipment and an awesome staff to get you started on your coding journey. You'll also meet other students from a wide range of schools and backgrounds!`}


@@ -142,7 +158,7 @@ const HighschoolSignup: NextPage = ({ courses }) => {

- Summer Course Schedule: + Fall Course Schedule:

Fundamentals of HTML, CSS, and Javascript @@ -173,7 +189,7 @@ const HighschoolSignup: NextPage = ({ courses }) => { {courseTimes.fundamentals.map((course) => (
  • {course.location}: - {course.time} +
  • ))} @@ -208,7 +224,7 @@ const HighschoolSignup: NextPage = ({ courses }) => { {courseTimes.advanced.map((course) => (
  • {course.location}: - {course.time} +
  • ))} @@ -224,7 +240,7 @@ const HighschoolSignup: NextPage = ({ courses }) => {

    {`If you go to school in a neighboring parish outside New Orleans, we may be running a - separate summer program in your school district. If this is the case, after you fill + separate fall program in your school district. If this is the case, after you fill out the application, we will let you know who to contact to apply for the appropriate program.`}

    diff --git a/src/Forms/Form.HighschoolApplication.tsx b/src/Forms/Form.HighschoolApplication.tsx index 7031c328..eedb34ca 100644 --- a/src/Forms/Form.HighschoolApplication.tsx +++ b/src/Forms/Form.HighschoolApplication.tsx @@ -74,7 +74,7 @@ const getSelectedCourseTimes = (selected: string): { options: TOption[]; note: s interface HighSchoolApplicationProps { onSubmitComplete?: () => void; } -const gradYears = [2024, 2025, 2026, 2027]; +const gradYears = [2025, 2026, 2027]; type GetInitSteps = (length: number, cb: (index: number) => T) => Record; const getInitSteps: GetInitSteps = (length, cb) => { @@ -108,14 +108,11 @@ const HighSchoolApplication = ({ onSubmitComplete }: HighSchoolApplicationProps) }; const validateSteps = () => { - const stepErrs = Object.keys(stepFields).reduce( - (errs, stepNum) => { - const n = Number(stepNum); - errs[n] = getStepErrors(Number(n)); - return errs; - }, - {} as Record, - ); + const stepErrs = Object.keys(stepFields).reduce((errs, stepNum) => { + const n = Number(stepNum); + errs[n] = getStepErrors(Number(n)); + return errs; + }, {} as Record); setStepErrors(stepErrs); }; diff --git a/src/Forms/formData/highSchoolApplicationData.ts b/src/Forms/formData/highSchoolApplicationData.ts index 0bbb155e..0a3da765 100644 --- a/src/Forms/formData/highSchoolApplicationData.ts +++ b/src/Forms/formData/highSchoolApplicationData.ts @@ -31,37 +31,37 @@ export const courseTimes = { fundamentals: [ { course: 'fundamentals', - value: 'fundamentals-onsite-m-f-9-12', + value: 'fundamentals-onsite-w-4-8', location: 'In Person', preReq: 'No Prerequisite', - time: 'Monday to Friday | 9:00 AM to 12:00 PM', - name: 'In Person: Monday to Friday | 9:00 AM to 12:00 PM', + time: 'Wednesdays | 4:45 PM → 8:00 PM', + name: 'In Person: Wednesdays | 4:45 PM → 8:00 PM', }, { course: 'fundamentals', - value: 'fundamentals-virtual-m-f-1-4', + value: 'fundamentals-virtual-tues+thurs-5-7', location: 'Virtual', preReq: 'No Prerequisite', - time: 'Monday to Friday | 1:00 PM to 4:00 PM', - name: 'Virtual: Monday to Friday | 1:00 PM to 4:00 PM', + time: 'Tuesdays + Thursdays | 5:00 PM → 7:00 PM', + name: 'Virtual: Tuesdays + Thursdays | 5:00 PM → 7:00 PM', }, ], advanced: [ { course: 'advanced', - value: 'advanced-virtual-m-f-9-12', - location: 'Virtual', + value: 'advanced-onsite-thurs-4-8', + location: 'In Person', preReq: 'Fundamentals of HTML, CSS, and Javascript', - time: 'Monday to Friday | 9:00 AM to 12:00 PM', - name: 'Virtual: Monday to Friday | 9:00 AM to 12:00 PM', + time: 'Thursdays | 4:45 PM → 8:00 PM', + name: 'In Person: Thursdays | 4:45 PM → 8:00 PM', }, { course: 'advanced', - value: 'advanced-onsite-m-f-1-4', - location: 'In Person', + value: 'advanced-virtual-tues+thurs-5-7', + location: 'Virtual', preReq: 'Fundamentals of HTML, CSS, and Javascript', - time: 'Monday to Friday | 1:00 PM to 4:00 PM', - name: 'In Person: Monday to Friday | 1:00 PM to 4:00 PM', + time: 'Tuesdays + Thursdays | 5:00 PM → 7:00 PM', + name: 'Virtual: Tuesdays + Thursdays | 5:00 PM → 7:00 PM', }, ], };