Domain:
Mobile / UX

Difficulty:
Intermediate

Problem / steps to reproduce (for bugs)

• During the onboarding flow on mobile, the left button currently always shows Skip.
• On pages 2 and 3, the left button should be Back, not Skip.
• Skip should only be available on page 1.

Expected outcome / task:

• Update the onboarding component so that:
  • Page 1: Left button = Skip, Right button = Next
  • Pages 2 and 3: Left button = Back, Right button = Next / Finish
• Ensure the buttons function correctly:
  • Back navigates to the previous onboarding page
  • Skip navigates to the main app/dashboard
• Maintain existing styling and responsiveness.

Any links or references:

Setup Steps (short):

1. Open the onboarding component in the mobile codebase.
2. Add conditional rendering for the left button based on the current page index.
3. Test the flow on pages 1, 2, and 3 to confirm Back/Skip behavior is correct.
4. Verify navigation works as expected and styling is consistent.