Figma / Design Link
https://www.figma.com/design/7T8qFvssYvyM2M5gI2FoXi/PyCon-2026?node-id=104-2&p=f&t=5Kq6JgpowVBgjAUi-0
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.
- TechTix –
frontend/src/pages/client/pycon/register/steps/SummaryStep.tsx, frontend/src/pages/client/pycon/register/UserInfoPage.tsx
Responsive Design Requirements
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)
Figma / Design Link
https://www.figma.com/design/7T8qFvssYvyM2M5gI2FoXi/PyCon-2026?node-id=104-2&p=f&t=5Kq6JgpowVBgjAUi-0
Description / Objective
frontend/src/pages/client/pycon/register/steps/SummaryStep.tsx,frontend/src/pages/client/pycon/register/UserInfoPage.tsxResponsive Design Requirements
Acceptance Criteria
nameprop 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