Description
For this task I would like for you to fill in all of the application's information on the applicant page.(I.E. Create spots for the First name and last name as shown in the picture below.) All of the field you will need to make can be found in the Application type:
status: z.ZodEnum<["Pending Review", "Scheduling Interview", "Interview Scheduled", "Interview Complete", "Decision Made"]>;
firstName: z.ZodString;
lastName: z.ZodString;
netid: z.ZodString;
term: z.ZodEffects<z.ZodString, string, string>;
interviewTime: z.ZodOptional<z.ZodDate>;
interviewMeetingLink: z.ZodOptional<z.ZodString>;
noShowCount: z.ZodOptional<z.ZodNumber>;
decision: z.ZodOptional<z.ZodEnum<["Accepted", "Waitlisted", "Rejected"]>>;
decisionReason: z.ZodOptional<z.ZodString>;
notes: z.ZodOptional<z.ZodString>;
This means that you will need a simple one line text field like the one shown in the image for:
firstName
lastName
netid
term
interviewMeetingLink
You will need a text field for decisionReason and notes.
You will need a date field for the Interview time
You will need just another text field for the noShowCount
Finally, you will need a drop down with the 3 choices for the decision.(Accepted, Waitlisted, Rejected).
Also, please make it to where the type of "Application" is what is passed into the component. And use it's values to autofill the fields. There obviously won't be any actual data passed into it yet but you could create some random data if you wanted to test it.
If you have any questions about this description, please let me know.
Technical Details
Your code will go in the ApplicantInfoPage component.
Teachables
Testing Steps
Dependencies
Description
For this task I would like for you to fill in all of the application's information on the applicant page.(I.E. Create spots for the First name and last name as shown in the picture below.) All of the field you will need to make can be found in the Application type:
status: z.ZodEnum<["Pending Review", "Scheduling Interview", "Interview Scheduled", "Interview Complete", "Decision Made"]>;
firstName: z.ZodString;
lastName: z.ZodString;
netid: z.ZodString;
term: z.ZodEffects<z.ZodString, string, string>;
interviewTime: z.ZodOptional<z.ZodDate>;
interviewMeetingLink: z.ZodOptional<z.ZodString>;
noShowCount: z.ZodOptional<z.ZodNumber>;
decision: z.ZodOptional<z.ZodEnum<["Accepted", "Waitlisted", "Rejected"]>>;
decisionReason: z.ZodOptional<z.ZodString>;
notes: z.ZodOptional<z.ZodString>;
This means that you will need a simple one line text field like the one shown in the image for:
firstName
lastName
netid
term
interviewMeetingLink
You will need a text field for decisionReason and notes.
You will need a date field for the Interview time
You will need just another text field for the noShowCount
Finally, you will need a drop down with the 3 choices for the decision.(Accepted, Waitlisted, Rejected).
Also, please make it to where the type of "Application" is what is passed into the component. And use it's values to autofill the fields. There obviously won't be any actual data passed into it yet but you could create some random data if you wanted to test it.
If you have any questions about this description, please let me know.
Technical Details
Your code will go in the ApplicantInfoPage component.
Teachables
Testing Steps
Dependencies