m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Part of #18714 Replace deprecated design system typography consts with enums in: 'srp-input' (#19040)

Browse Source 
* Part of #18714 Replace deprecated design system typography consts with enums in:  'srp-input'

* Update ui/components/app/srp-input/srp-input.js

Co-authored-by: George Marshall <georgewrmarshall@gmail.com>

* Update srp-input.js

---------

Co-authored-by: Brad Decker <bhdecker84@gmail.com>
Co-authored-by: George Marshall <georgewrmarshall@gmail.com>
This commit is contained in:
Harsh Shukla 2023-05-15 22:22:02 +05:30 committed by GitHub
parent e29faca3a6
commit 1c346674df
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
ui/components/app/srp-input/srp-input.js
View File

@ -6,13 +6,12 @@ import TextField from '../../ui/text-field';
import { clearClipboard } from '../../../helpers/utils/util'; import { clearClipboard } from '../../../helpers/utils/util';
import ActionableMessage from '../../ui/actionable-message'; import ActionableMessage from '../../ui/actionable-message';
import Dropdown from '../../ui/dropdown'; import Dropdown from '../../ui/dropdown';
import Typography from '../../ui/typography';
import ShowHideToggle from '../../ui/show-hide-toggle'; import ShowHideToggle from '../../ui/show-hide-toggle';
import { import {
FONT_WEIGHT, TextAlign,
TEXT_ALIGN, TextVariant,
TypographyVariant,
} from '../../../helpers/constants/design-system'; } from '../../../helpers/constants/design-system';
import { Text } from '../../component-library';
import { parseSecretRecoveryPhrase } from './parse-secret-recovery-phrase'; import { parseSecretRecoveryPhrase } from './parse-secret-recovery-phrase';
const defaultNumberOfWords = 12; const defaultNumberOfWords = 12;
@ -129,13 +128,9 @@ export default function SrpInput({ onChange, srpText }) {
return ( return (
<div className="import-srp__container"> <div className="import-srp__container">
<label className="import-srp__srp-label"> <label className="import-srp__srp-label">
<Typography <Text align={TextAlign.Left} variant={TextVariant.headingSm} as="h4">
align={TEXT_ALIGN.LEFT}
variant={TypographyVariant.H4}
fontWeight={FONT_WEIGHT.BOLD}
>
{srpText} {srpText}
</Typography> </Text>
</label> </label>
<ActionableMessage <ActionableMessage
className="import-srp__paste-tip" className="import-srp__paste-tip"
@ -170,7 +165,7 @@ export default function SrpInput({ onChange, srpText }) {
return ( return (
<div key={index} className="import-srp__srp-word"> <div key={index} className="import-srp__srp-word">
<label htmlFor={id} className="import-srp__srp-word-label"> <label htmlFor={id} className="import-srp__srp-word-label">
<Typography>{`${index + 1}.`}</Typography> <Text>{`${index + 1}.`}</Text>
</label> </label>
<TextField <TextField
id={id} id={id}