Skip to content

feat: add back navigation to onboarding wizard - #560

Open
BABAT-CODE wants to merge 1 commit into
WHEELBACK:mainfrom
BABAT-CODE:feature/onboarding-wizard-back-navigation
Open

feat: add back navigation to onboarding wizard#560
BABAT-CODE wants to merge 1 commit into
WHEELBACK:mainfrom
BABAT-CODE:feature/onboarding-wizard-back-navigation

Conversation

@BABAT-CODE

Copy link
Copy Markdown

Add a Back button on every step after the first so merchants can navigate to earlier steps without losing progress on later ones.

Key changes:

  • Back button (aria-label "Go back to step N of 4") is rendered in the footer on steps 2-4, matching the existing wizard-btn--secondary style used elsewhere in the footer.
  • All per-step state (walletAddress, verified, invoiceAmount, invoiceRecipient, invoiceCreated) is retained in component state and localStorage when navigating backwards; the wizard only clears state on full completion.
  • Step action handlers (handleConnectWallet, handleVerifyAddress, handleCreateInvoice) now only auto-advance when the action fires on the current step. If a user navigates back to a completed step and re-inspects their data, clicking Next advances normally without overwriting later-step data.

Tests added in OnboardingWizard.test.tsx (6 tests):

  • No Back button on the first step.
  • Back button present and functional on step 2 (verify).
  • Invoice data preserved on back/forward round-trip from step 4.
  • Wallet address preserved on back/forward round-trip from step 2.
  • Back button present on the last (dashboard) step.
  • Previously-completed step does not auto-advance or lose later data.

Pull Request

Summary

  • Describe the purpose of this PR in one or two sentences.

Checklist

  • Tests added or updated
  • ABI snapshot updated if contract sources changed (abis/ and COMEBACKHERE-contracts/)
  • Screenshots attached if UI changed
  • Documentation updated if needed

Notes

  • For contract changes, verify ABI snapshot hygiene with make check-abi-snapshots.
  • For UI changes, include screenshots or screen recordings to help reviewers.

closes #457

Add a Back button on every step after the first so merchants can
navigate to earlier steps without losing progress on later ones.

Key changes:
- Back button (aria-label "Go back to step N of 4") is rendered in
  the footer on steps 2-4, matching the existing wizard-btn--secondary
  style used elsewhere in the footer.
- All per-step state (walletAddress, verified, invoiceAmount,
  invoiceRecipient, invoiceCreated) is retained in component state and
  localStorage when navigating backwards; the wizard only clears state
  on full completion.
- Step action handlers (handleConnectWallet, handleVerifyAddress,
  handleCreateInvoice) now only auto-advance when the action fires on
  the current step. If a user navigates back to a completed step and
  re-inspects their data, clicking Next advances normally without
  overwriting later-step data.

Tests added in OnboardingWizard.test.tsx (6 tests):
  - No Back button on the first step.
  - Back button present and functional on step 2 (verify).
  - Invoice data preserved on back/forward round-trip from step 4.
  - Wallet address preserved on back/forward round-trip from step 2.
  - Back button present on the last (dashboard) step.
  - Previously-completed step does not auto-advance or lose later data.

Closes WHEELBACK#2
@drips-wave

drips-wave Bot commented Aug 29, 2026

Copy link
Copy Markdown

@BABAT-CODE Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

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.

feat: add step-back navigation to OnboardingWizard

1 participant