Skip to content

[TechTix]: Update Confirm Details Step and User Details Step #107

Description

@seangaaab

Figma / Design Link

https://www.figma.com/design/7T8qFvssYvyM2M5gI2FoXi/PyCon-2026?node-id=104-2&p=f&t=5Kq6JgpowVBgjAUi-0

Image

Description / Objective

  • To update Summary/Confirm Details Step and User Registration Info Page UI to match this year's design
  • Copy existing form handling and ensure that form still works as expected.
  • Only styles/structure should be updated.
  • TechTixfrontend/src/pages/client/pycon/register/steps/SummaryStep.tsx, frontend/src/pages/client/pycon/register/UserInfoPage.tsx

Responsive Design Requirements

  • Mobile (Small screens, <768px)
  • Tablet (Medium screens, >=768px)
  • Desktop (Large screens, >=1024px)

Acceptance Criteria

  • The UI implementation partly matches the figma design.
  • The same summary info should still display as what is implemented right now. Just update the styling.
  • The same goes to User Info page, which is shown when the user returns to the registration page after registering.
  • Exclude the fields not provided by the form.
  • The name prop of each <FormItem /> should still be the same. No changes. If there are any questions regarding the mapping of the names to the design, please ask @seangaaab
  • Clicking the "Next" button should trigger form errors if there are empty/invalid form values. If there are no form errors, the "Next" button should navigate the user to the next step
  • Not ticking the checkboxes should prevent the user from submitting the form. (Checkboxes are required to be ticked before submitting)

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions