Feature/madhav/step3 #51
Conversation
Made Temporary path called Step 3 for visualization, Added WorkExperienceForm and Step 3 Components.
| {add ? ( | ||
| <div className={styles.nameWithAdd}> | ||
| <h3 className={styles.sectionName}>{sectionName}</h3> | ||
| <button className={styles.add}> |
There was a problem hiding this comment.
give this type: button so that it doesn't trigger the submit for the form.
Also add in the functionality for the add. You can take a look at Step 2 to see how Kathy and Emma implemented the Add.
Missing the delete button.
Also make it such that for required fields the delete button doesn't show up for the first 1.
You can reference step 1 and 2 for all these delete and add functionality.
There was a problem hiding this comment.
Work experience isn't required for path 1 so you'll need to implement that Step 2 Schools section has implemented a similar functionality as School isn't required for path 1.
| </div> | ||
| <hr /> | ||
| <div className={styles.formSection}> | ||
| <WorkExperienceForm |
There was a problem hiding this comment.
This section is missing the red asteriks when required
| formInputs={[ | ||
| { | ||
| inputTitle: "Recent diversified design experience", | ||
| defaultMessage: "Design Experience", |
There was a problem hiding this comment.
place holder text for every field in the Work Experience as "Enter" at the begining.
| required: true, | ||
| }, | ||
| { | ||
| inputTitle: "How many hours per week did you work (on average)?", |
There was a problem hiding this comment.
The input field ordering of company name, howers per week, and phone number is different
|
|
||
| .sectionName { | ||
| margin: 0; | ||
| font-size: 18px !important; |
There was a problem hiding this comment.
Is there really a need for !important?
| border-radius: 5px; | ||
| } | ||
|
|
||
| /* .inputTextSelected { |
| background-repeat: no-repeat; | ||
| background-position: right top 50%; | ||
| cursor: pointer; | ||
| /* color: var(--color-accent); */ |
| {formInput.inputType === "dropdown" && | ||
| formInput.dropdownOptions && | ||
| (formInput.required ? ( | ||
| <select className={styles.inputText} id="drop"> |
There was a problem hiding this comment.
we don't need the select stuff. THere is no drop down for this page
There was a problem hiding this comment.
The section seems to be missing some border or shadow on the outer most
The edge between the form and the background
…Overhaul into feature/madhav/Step3
Tracking Info
Resolves #27
Changes
Made a Step3 component for Work Experience and added it to the paths
Testing
Ran the frontend and checked if the changes were reflected according to the figma
Confirmation of Change