-
Notifications
You must be signed in to change notification settings - Fork 428
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
[TX flow] feat: replace owner #2151
Conversation
Branch preview⏳ Deploying a preview site... |
ESLint Summary View Full Report
Report generated by eslint-plus-action |
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.
You can now deletethe SetThreshold
step of the add owner flow and remove any unnecessary CSS as well.
@@ -26,7 +26,7 @@ const NameInput = ({ | |||
error={Boolean(fieldError)} | |||
fullWidth | |||
required={required} | |||
sx={{ '& .MuiInputBase-input': { p: 3, px: 2 } }} | |||
sx={{ mt: 1, '& .MuiInputBase-input': { py: '22px', px: 2 } }} |
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.
Nit: let's move this to the CSS module.
|
||
return ( | ||
<TxCard> | ||
<FormProvider {...formMethods}> | ||
<form onSubmit={onFormSubmit} className={commonCss.form}> | ||
<Box mb={1}> | ||
<Typography variant="body2" mb={1}> |
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.
The Typography
element should also be conditional.
@@ -32,7 +33,7 @@ const ReplaceOwnerFlow = ({ address }: { address: string }) => { | |||
] | |||
|
|||
return ( | |||
<TxLayout title="Replace owner" step={step} onBack={prevStep}> | |||
<TxLayout title="New transaction" subtitle="Replace owner" icon={SaveAddressIcon} step={step} onBack={prevStep}> |
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.
<TxLayout title="New transaction" subtitle="Replace owner" icon={SaveAddressIcon} step={step} onBack={prevStep}> | |
<TxLayout title={step === 0 ? "New transaction" : "Confirm transaction"} subtitle="Replace owner" icon={SaveAddressIcon} step={step} onBack={prevStep}> |
Belated design feedback for @liliiaorlenko, this is really hard to parse. It's unclear which label belongs to which address. And why is there also a third address in grey? I would expect it to look more like:
|
Co-authored-by: Aaron Cook <[email protected]>
What it solves
Implements "Replace Owner" designs for the new tx flow
How to test it
Navigate the "Replace Owner" flow
Screenshots
Checklist