Skip to content
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

Merged
merged 4 commits into from
Jun 22, 2023
Merged

Conversation

DiogoSoaress
Copy link
Member

@DiogoSoaress DiogoSoaress commented Jun 22, 2023

What it solves

Implements "Replace Owner" designs for the new tx flow

How to test it

Navigate the "Replace Owner" flow

Screenshots

Screenshot 2023-06-22 at 11 08 36 Screenshot 2023-06-22 at 14 44 31

Checklist

  • I've tested the branch on mobile 📱
  • I've documented how it affects the analytics (if at all) 📊
  • I've written a unit/e2e test for it (if applicable) 🧑‍💻

@github-actions
Copy link

github-actions bot commented Jun 22, 2023

Branch preview

⏳ Deploying a preview site...

@github-actions
Copy link

github-actions bot commented Jun 22, 2023

ESLint Summary View Full Report

Annotations are provided inline on the Files Changed tab. You can also see all annotations that were generated on the annotations page.

Type Occurrences Fixable
Errors 0 0
Warnings 0 0
Ignored 0 N/A
  • Result: ✅ success
  • Annotations: 0 total

Report generated by eslint-plus-action

Copy link
Member

@iamacook iamacook left a 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 } }}
Copy link
Member

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}>
Copy link
Member

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}>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<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}>

@katspaugh
Copy link
Member

katspaugh commented Jun 22, 2023

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?
Screenshot 2023-06-22 at 11 26 52

I would expect it to look more like:

  • Removed owner: 0x1243
  • Added owner: 0x5678

@katspaugh katspaugh mentioned this pull request Jun 22, 2023
3 tasks
Co-authored-by: Aaron Cook <aaron@safe.global>
@DiogoSoaress DiogoSoaress merged commit e1227c9 into epic-tx-flow Jun 22, 2023
@DiogoSoaress DiogoSoaress deleted the tx-flow-replace-owner branch June 22, 2023 12:52
@github-actions github-actions bot locked and limited conversation to collaborators Jun 22, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants