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 #17670 for: privacy-settings.js (#20288)

Browse Source 
* Update privacy-settings.js

* Update ui/pages/onboarding-flow/privacy-settings/privacy-settings.js

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

* Update ui/pages/onboarding-flow/privacy-settings/privacy-settings.js

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

* Update ui/pages/onboarding-flow/privacy-settings/privacy-settings.js

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

* Update ui/pages/onboarding-flow/privacy-settings/privacy-settings.js

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

* Update ui/pages/onboarding-flow/privacy-settings/privacy-settings.js

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

* Update privacy-settings.js

* Update index.scss

* Update to html nesting and semantic fix

* lint fix

---------

Co-authored-by: George Marshall <georgewrmarshall@gmail.com>
Co-authored-by: georgewrmarshall <george.marshall@consensys.net>
This commit is contained in:
Harsh Shukla 2023-08-16 02:35:04 +05:30 committed by GitHub
parent 19de95dba3
commit b8475f85d4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 25 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ui/pages/onboarding-flow/privacy-settings/index.scss
View File

@ -64,9 +64,4 @@
padding: 8px !important;
}
}
& button {
max-width: 50%;
padding: 15px;
}
}

43
ui/pages/onboarding-flow/privacy-settings/privacy-settings.js
View File

@ -12,19 +12,18 @@ import {
PRIVACY_POLICY_LINK,
} from '../../../../shared/lib/ui-utils';
import {
BUTTON_SIZES,
BUTTON_VARIANT,
Box,
Button,
PickerNetwork,
Text,
TextField,
} from '../../../components/component-library';
import Box from '../../../components/ui/box/box';
import Button from '../../../components/ui/button';
import Typography from '../../../components/ui/typography';
import { MetaMetricsContext } from '../../../contexts/metametrics';
import {
FONT_WEIGHT,
TextColor,
TextVariant,
TypographyVariant,
} from '../../../helpers/constants/design-system';
import { ONBOARDING_PIN_EXTENSION_ROUTE } from '../../../helpers/constants/routes';
import { useI18nContext } from '../../../hooks/useI18nContext';
@ -114,15 +113,12 @@ export default function PrivacySettings() {
<>
<div className="privacy-settings" data-testid="privacy-settings">
<div className="privacy-settings__header">
<Typography
variant={TypographyVariant.H2}
fontWeight={FONT_WEIGHT.BOLD}
>
<Text variant={TextVariant.headingLg} as="h2">
{t('advancedConfiguration')}
</Typography>
<Typography variant={TypographyVariant.H4}>
</Text>
<Text variant={TextVariant.headingSm} as="h4">
{t('setAdvancedPrivacySettingsDetails')}
</Typography>
</Text>
</div>
<div
className="privacy-settings__settings"
@ -221,9 +217,8 @@ export default function PrivacySettings() {
</div>
) : (
<Button
type="secondary"
rounded
large
variant={BUTTON_VARIANT.SECONDARY}
size={BUTTON_SIZES.LG}
onClick={(e) => {
e.preventDefault();
dispatch(showModal({ name: 'ONBOARDING_ADD_NETWORK' }));
@ -251,8 +246,8 @@ export default function PrivacySettings() {
}}
/>
{ipfsURL ? (
<Typography
variant={TypographyVariant.H7}
<Text
variant={TextVariant.bodySm}
color={
ipfsError
? TextColor.errorDefault
@ -260,7 +255,7 @@ export default function PrivacySettings() {
}
>
{ipfsError || t('onboardingAdvancedPrivacyIPFSValid')}
</Typography>
</Text>
) : null}
</Box>
</>
@ -329,10 +324,16 @@ export default function PrivacySettings() {
</a>,
])}
/>
<Button
variant={BUTTON_VARIANT.PRIMARY}
size={BUTTON_SIZES.LG}
onClick={handleSubmit}
block
marginTop={6}
>
{t('done')}
</Button>
</div>
<Button type="primary" rounded onClick={handleSubmit}>
{t('done')}
</Button>
</div>
</>
);

4
ui/pages/onboarding-flow/privacy-settings/setting.js
View File

@ -33,7 +33,9 @@ export const Setting = ({
<Text variant={TextVariant.bodyLgMedium} fontWeight={FontWeight.Bold}>
{title}
</Text>
<Text variant={TextVariant.bodyMd}>{description}</Text>
<Text variant={TextVariant.bodyMd} as="div">
{description}
</Text>
</div>
{showToggle ? (
<div className="privacy-settings__setting__toggle">