Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Intake profile review page and date fields #758

Merged
merged 31 commits into from
Aug 23, 2024
Merged

Intake profile review page and date fields #758

merged 31 commits into from
Aug 23, 2024

Conversation

erikguntner
Copy link
Collaborator

Closes #710 #713

What changes did you make?

  • Installed the @mui/x-date-pickers package to access date picker components
  • Added localization provider to the root of the application
  • Created DatePickerField component that wraps the MUI date picker and used it to collect the guest's date of birthday, as well as the additional guest's date of birth.
  • Created a new field type for dates along with validation schema
  • Created new route for review page
  • Created a button that redirects the user to the review page. I made a component from the existing sidebar button that I could use for the review button as well.
  • Rendered submit application button if the user on the profile review page.
  • Created the profile review page. The page iterates over all field groups and displays the corresponding responses.
  • Each group on the review page has an edit button that navigates the user to the corresponding section in the profile
  • Added and option in app/src/utils/test/handlers/profile.ts that allows you to render a full list of responses. This was used to simulate a completed application. You can comment this out in the same file to return an empty array.
  • Moved the functions responsible for creating initial form values and building the validation schemas into separate files.

Testing done for these changes

  • Simulated a completed application to render for the review page.

Screenshots of Proposed Changes Of The Website (if any, please do not screen shot code changes)

Visuals after changes are applied

Date fields for additional guests

Screenshot 2024-08-21 at 5 48 58 PM

Date field for guest

Screenshot 2024-08-21 at 5 48 45 PM

Review page

Screen.Recording.2024-08-21.at.5.49.11.PM.mov

@erikguntner erikguntner merged commit c482c13 into main Aug 23, 2024
1 of 2 checks passed
@erikguntner erikguntner deleted the review-page branch August 23, 2024 17:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Intake Profile Review Page
2 participants