frontend: refactor passphrase.tsx

NicolaLS commented 3 months ago

This is a followup on #2713 that refactors the component to be more concise, and easier to understand/maintain.

Set passphraseEnabled to decide whether to display the disable or the enable wizard.
When one wizard is rendered it knows the status of the passphraseEnabled. Also the disable wizard does not need to know about the steps. The enable wizard knows where to start end stop and can manage that state on its own.
SetPassphrase is more explicit and less error prone than toggling it.
Remove unnecessary API request after receiving a successful response after setting the passphrase on the device.
Remove some code duplication when rendering steps

NicolaLS commented 3 months ago

I used t(..) in the object directly, and reformatted the renderSteps return. PTAL @thisconnect :)

NicolaLS commented 3 months ago

addressed everything, I confused myself on that renderSteps but now it should be correct. PTAL :) @thisconnect

BitBoxSwiss / bitbox-wallet-app