-
Notifications
You must be signed in to change notification settings - Fork 5k
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
Part of #17670: Replace Typography with Text component #17766
Conversation
CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes. |
I have read the CLA Document and I hereby sign the CLA |
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.
Thanks for your contribution. Could you please add Before/After screenshots as per the acceptance criteria. It's not screenshots of the code it's screenshots of the instances of the Text
in the local build or in storybook. Thanks!
ui/components/app/confirm-page-container/confirm-page-container.component.js
Outdated
Show resolved
Hide resolved
ui/components/app/confirm-page-container/confirm-page-container.component.js
Outdated
Show resolved
Hide resolved
Co-authored-by: George Marshall <[email protected]>
…r.component.js Co-authored-by: George Marshall <[email protected]>
…r.component.js Co-authored-by: George Marshall <[email protected]>
color={Color.textAlternative} | ||
variant={TypographyVariant.H6} | ||
fontWeight={FONT_WEIGHT.NORMAL} | ||
variant={TextVariant.bodySm} |
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.
Ah oversight on my part we need to add html tags here so that some e2e tests pass. I've updated the description of the issue if you'd like to look.
variant={TextVariant.bodySm} | |
variant={TextVariant.bodySm} | |
as="h6" |
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.
Would it be possible to remove the screenshots of the code and add some before and after screenshots of the visual changes? I've also left some more suggestions. You also have some linting issues that you can debug by running yarn lint
<Typography | ||
variant={TypographyVariant.H7} | ||
<Text | ||
variant={TextVariant.bodySm} |
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.
variant={TextVariant.bodySm} | |
variant={TextVariant.bodySm} | |
as="h6" |
@@ -230,7 +230,7 @@ const ConfirmPageContainer = (props) => { | |||
<ActionableMessage | |||
message={ | |||
isBuyableChain ? ( | |||
<Typography variant={TypographyVariant.H7} align="left"> | |||
<Text variant={TextVariant.bodySm} textAlign="left"> |
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.
<Text variant={TextVariant.bodySm} textAlign="left"> | |
<Text variant={TextVariant.bodySm} textAlign="left" as="h6"> |
) : ( | ||
<Typography variant={TypographyVariant.H7} align="left"> | ||
<Text variant={TextVariant.bodySm} textAlign="left"> |
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.
<Text variant={TextVariant.bodySm} textAlign="left"> | |
<Text variant={TextVariant.bodySm} textAlign="left" as="h6"> |
boxProps={{ alignItems: AlignItems.center, display: DISPLAY.FLEX }} | ||
variant={TypographyVariant.H6} | ||
variant={TextVariant.bodySm} |
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.
variant={TextVariant.bodySm} | |
variant={TextVariant.bodySm} | |
as="h6" |
@@ -217,7 +217,7 @@ export default class ConfirmPageContainerContent extends Component { | |||
className="actionable-message--warning" | |||
message={ | |||
isBuyableChain ? ( | |||
<Typography variant={TypographyVariant.H7} align="left"> | |||
<Text variant={TextVariant.bodySm} align="left"> |
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.
<Text variant={TextVariant.bodySm} align="left"> | |
<Text variant={TextVariant.bodySm} textAlign="left" as="h6"> |
) : ( | ||
<Typography variant={TypographyVariant.H7} align="left"> | ||
<Text variant={TextVariant.bodySm} align="left"> |
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.
<Text variant={TextVariant.bodySm} align="left"> | |
<Text variant={TextVariant.bodySm} textAlign="left" as="h6"> |
Hey @SawanKumarBhagat any chance you could do a rebase and make the suggested updates to this PR in the next 2 weeks? Otherwise I will close. Thanks |
…ient
Explanation
replace with and TypographyVarient with TextVarient
Updating Typography to Text
metamask-extension\ui\components\app\asset-list\asset-list.js
metamask-extension\ui\components\app\beta-header\index.js
metamask-extension\ui\components\app\cancel-speedup-popover\cancel-speedup-popover.js
metamask-extension\ui\components\app\confirm-page-container\confirm-page-container.component.js
metamask-extension\ui\components\app\confirm-page-container\confirm-page-container-content\confirm-page-container-content.component.js
Part of: #17670
Screenshots/Screencaps
Before
After
Manual Testing Steps
Pre-merge author checklist
Pre-merge reviewer checklist
If further QA is required (e.g. new feature, complex testing steps, large refactor), add the
Extension QA Board
label.In this case, a QA Engineer approval will be be required.