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

Part of 17670: Replace Typography with Text in detected-token-address.js #18435

Merged

Conversation

Ananyamadhu08
Copy link
Contributor

Explanation

Updating Typography to Text detected-token-address.js

Part of: #17670

Screenshots/Screencaps

Before

Screenshot 2023-04-04 at 4 10 25 AM

After

Screenshot 2023-04-04 at 4 09 02 AM

Manual Testing Steps

Pre-merge author checklist

  • I've clearly explained:
    • What problem this PR is solving
    • How this problem was solved
    • How reviewers can test my changes
  • Sufficient automated test coverage has been added

Pre-merge reviewer checklist

  • Manual testing (e.g. pull and build branch, run in browser, test code being changed)
  • PR is linked to the appropriate GitHub issue
  • IF this PR fixes a bug in the release milestone, add this PR to the release milestone

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.

@Ananyamadhu08 Ananyamadhu08 requested a review from a team as a code owner April 3, 2023 22:47
@github-actions
Copy link
Contributor

github-actions bot commented Apr 3, 2023

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.

@Ananyamadhu08
Copy link
Contributor Author

I have read the CLA Document and I hereby sign the CLA

Copy link
Contributor

@georgewrmarshall georgewrmarshall left a 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! Excellent PR description and screenshots 💯 There was a mistake in the issue that incorrectly mapped the Text component to an h7 tag. Heading tags in html go from h1 - h6. I've update the issue and made a couple of suggestions for the tags. Apologies! If you can make those 2 changes I can approve 👍


const DetectedTokenAddress = ({ tokenAddress }) => {
const t = useI18nContext();
const [copied, handleCopy] = useCopyToClipboard();

return (
<Box display={DISPLAY.INLINE_FLEX} className="detected-token-address">
<Typography variant={TypographyVariant.H7} color={TextColor.textDefault}>
<Text variant={TextVariant.bodySm} as="h7" color={TextColor.textDefault}>
Copy link
Contributor

Choose a reason for hiding this comment

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

Update to h6 tag

Suggested change
<Text variant={TextVariant.bodySm} as="h7" color={TextColor.textDefault}>
<Text variant={TextVariant.bodySm} as="h6" color={TextColor.textDefault}>

</Text>
<Text
variant={TextVariant.bodySm}
as="h7"
Copy link
Contributor

Choose a reason for hiding this comment

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

Update to h6 tag

Suggested change
as="h7"
as="h6"

@Ananyamadhu08
Copy link
Contributor Author

@georgewrmarshall I have made the requested changes, please review.

Copy link
Contributor

@georgewrmarshall georgewrmarshall left a comment

Choose a reason for hiding this comment

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

LGTM 💯 Thanks for your contribution!

  • checked storybook on local

@georgewrmarshall georgewrmarshall requested review from garrettbear and removed request for ryanml April 11, 2023 11:26
@georgewrmarshall georgewrmarshall added the team-design-system All issues relating to design system in Extension label Apr 19, 2023
Copy link
Member

@NidhiKJha NidhiKJha left a comment

Choose a reason for hiding this comment

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

LGTM

@NidhiKJha NidhiKJha merged commit b53d335 into MetaMask:develop Apr 24, 2023
@github-actions github-actions bot locked and limited conversation to collaborators Apr 24, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
external-contributor team-design-system All issues relating to design system in Extension
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants