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

Update settings-tab.component.js (#18753)

Browse Source 
Co-authored-by: legobeat <109787230+legobeat@users.noreply.github.com>
This commit is contained in:
Harsh Shukla 2023-04-25 18:57:19 +05:30 committed by GitHub
parent 9967b50015
commit c972900928
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
ui/pages/settings/settings-tab/settings-tab.component.js
View File

@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
import classnames from 'classnames'; import classnames from 'classnames';
import availableCurrencies from '../../../helpers/constants/available-conversions.json'; import availableCurrencies from '../../../helpers/constants/available-conversions.json';
import { import {
TypographyVariant, TextVariant,
TextColor, TextColor,
} from '../../../helpers/constants/design-system'; } from '../../../helpers/constants/design-system';
import Dropdown from '../../../components/ui/dropdown'; import Dropdown from '../../../components/ui/dropdown';
@ -11,7 +11,6 @@ import ToggleButton from '../../../components/ui/toggle-button';
import locales from '../../../../app/_locales/index.json'; import locales from '../../../../app/_locales/index.json';
import Jazzicon from '../../../components/ui/jazzicon'; import Jazzicon from '../../../components/ui/jazzicon';
import BlockieIdenticon from '../../../components/ui/identicon/blockieIdenticon'; import BlockieIdenticon from '../../../components/ui/identicon/blockieIdenticon';
import Typography from '../../../components/ui/typography';
import { MetaMetricsEventCategory } from '../../../../shared/constants/metametrics'; import { MetaMetricsEventCategory } from '../../../../shared/constants/metametrics';
import { import {
@ -19,6 +18,7 @@ import {
handleSettingsRefs, handleSettingsRefs,
} from '../../../helpers/utils/settings-search'; } from '../../../helpers/utils/settings-search';
import { ThemeType } from '../../../../shared/constants/preferences'; import { ThemeType } from '../../../../shared/constants/preferences';
import { Text } from '../../../components/component-library';
const sortedCurrencies = availableCurrencies.sort((a, b) => { const sortedCurrencies = availableCurrencies.sort((a, b) => {
return a.name.toLocaleLowerCase().localeCompare(b.name.toLocaleLowerCase()); return a.name.toLocaleLowerCase().localeCompare(b.name.toLocaleLowerCase());
@ -195,12 +195,13 @@ export default class SettingsTab extends PureComponent {
id="blockie-optin" id="blockie-optin"
> >
<div className="settings-page__content-item"> <div className="settings-page__content-item">
<Typography <Text
variant={TypographyVariant.H5} variant={TextVariant.bodyMd}
as="h5"
color={TextColor.textDefault} color={TextColor.textDefault}
> >
{t('accountIdenticon')} {t('accountIdenticon')}
</Typography> </Text>
<span className="settings-page__content-item__description"> <span className="settings-page__content-item__description">
{t('jazzAndBlockies')} {t('jazzAndBlockies')}
</span> </span>
@ -227,16 +228,17 @@ export default class SettingsTab extends PureComponent {
style={getIconStyles()} style={getIconStyles()}
/> />
</div> </div>
<Typography <Text
color={TextColor.textDefault} color={TextColor.textDefault}
variant={TypographyVariant.H7} variant={TextVariant.bodySm}
as="h6"
marginTop={0} marginTop={0}
marginRight={12} marginRight={12}
marginBottom={0} marginBottom={0}
marginLeft={3} marginLeft={3}
> >
{t('jazzicons')} {t('jazzicons')}
</Typography> </Text>
</button> </button>
<button <button
data-testid="blockie_icon" data-testid="blockie_icon"
@ -259,16 +261,17 @@ export default class SettingsTab extends PureComponent {
borderRadius="50%" borderRadius="50%"
/> />
</div> </div>
<Typography <Text
color={TextColor.textDefault} color={TextColor.textDefault}
variant={TypographyVariant.H7} variant={TextVariant.bodySm}
as="h6"
marginTop={3} marginTop={3}
marginRight={0} marginRight={0}
marginBottom={3} marginBottom={3}
marginLeft={3} marginLeft={3}
> >
{t('blockies')} {t('blockies')}
</Typography> </Text>
</button> </button>
</div> </div>
</div> </div>