-
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 in detected-token-address.js #18435
Part of 17670: Replace Typography with Text in detected-token-address.js #18435
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! 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}> |
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.
Update to h6
tag
<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" |
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.
Update to h6
tag
as="h7" | |
as="h6" |
@georgewrmarshall I have made the requested changes, please review. |
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 💯 Thanks for your contribution!
- checked storybook on local
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
Explanation
Updating Typography to Text
detected-token-address.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.