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