-
Notifications
You must be signed in to change notification settings - Fork 0
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat: wallet password wizard #146
feat: wallet password wizard #146
Conversation
@@ -0,0 +1,4 @@ | |||
export interface WalletPasswordWizardProps { | |||
submitBtnText?: string | |||
onSuccess?: () => void |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I can understand why the above is optional, you could have a default 'submit' text, but onSuccess looks like a required prop to me
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Not necessary in the Wizard, because on form submission, the container dispatches the action and changes the Redux state. So the parent component not necessary need to know whether form submit was successful, it can just observe the Redux state with some selector.
@@ -10,6 +10,7 @@ export const unlockWallet = createAsyncThunk< | |||
}, | |||
WalletPassword | |||
>('wallet/unlock', async password => { | |||
console.log('thunk') |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
.
@@ -10,6 +10,7 @@ export const unlockWallet = createAsyncThunk< | |||
}, | |||
WalletPassword | |||
>('wallet/unlock', async password => { | |||
console.log('thunk') |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
just a note for this console.log()
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM!
* Add Icons and statuses to MiningBox, initialize WalletPasswordWizard * Password Wizard
* Add Icons and statuses to MiningBox, initialize WalletPasswordWizard * Password Wizard
Description
This PR:
react-hook-form
packageInput
component by addingforwardRef
, so it plays nice withreact-hook-form
warning
variantWalletPasswordWizard
container andWalletPasswordForm
component. TheWalletPasswordForm
is pure HTML withreact-hook-form
. TheWalletPasswordWizard
rendersWalletPasswordForm
and connects with Redux.WalletPasswordWizard
to the Tari Mining to handle situation when the wallet is not configured yet.Motivation and Context
#12
Missing:
How Has This Been Tested?
Callout component
Wallet Password Wizard
Screen.Recording.2022-05-09.at.21.29.55.mov