diff --git a/app/_locales/en/messages.json b/app/_locales/en/messages.json index c5f16a427c8c..6dc325bb7c8a 100644 --- a/app/_locales/en/messages.json +++ b/app/_locales/en/messages.json @@ -6243,6 +6243,9 @@ "unknown": { "message": "Unknown" }, + "unknownChainWarning": { + "message": "We can’t verify custom networks. To avoid malicious providers from recording your network activity, only add networks you trust." + }, "unknownCollection": { "message": "Unnamed collection" }, diff --git a/ui/components/app/metamask-template-renderer/safe-component-list.js b/ui/components/app/metamask-template-renderer/safe-component-list.js index 4297291cdadb..b4a677e91aac 100644 --- a/ui/components/app/metamask-template-renderer/safe-component-list.js +++ b/ui/components/app/metamask-template-renderer/safe-component-list.js @@ -34,6 +34,7 @@ import { SnapUIForm } from '../snaps/snap-ui-form'; import { SnapUIButton } from '../snaps/snap-ui-button'; import { SnapUIDropdown } from '../snaps/snap-ui-dropdown'; import { SnapUIRadioGroup } from '../snaps/snap-ui-radio-group'; +import { BannerAlert } from '../../component-library'; import { SnapUICheckbox } from '../snaps/snap-ui-checkbox'; import { SnapUITooltip } from '../snaps/snap-ui-tooltip'; import { SnapUICard } from '../snaps/snap-ui-card'; @@ -84,6 +85,7 @@ export const safeComponentList = { SnapUILink, SnapUIIcon, SnapUIImage, + BannerAlert, Spinner, ConfirmInfoRow, ConfirmInfoRowAddress, diff --git a/ui/pages/confirmations/confirmation/confirmation.js b/ui/pages/confirmations/confirmation/confirmation.js index eecf75d456e2..627b20ad720a 100644 --- a/ui/pages/confirmations/confirmation/confirmation.js +++ b/ui/pages/confirmations/confirmation/confirmation.js @@ -528,7 +528,7 @@ export default function ConfirmationPage({ )} + + {t('learnMoreUpperCase')} + + + ), + }, + children: [ + { + element: 'i', + key: 'info-circle', + props: { + className: 'fas fa-info-circle', + style: { + marginLeft: '4px', + color: 'var(--color-icon-default)', + }, + }, + }, + ], + }, + ], + }, + { + + element: 'a', + children: t('learnMoreUpperCase'), + key: 'learnMoreUpperCase', + props: { + href: ZENDESK_URLS.USER_GUIDE_CUSTOM_NETWORKS, + target: '__blank', + }, + }, + ], + props: { + severity: BannerAlertSeverity.Warning, + boxProps: { + margin: [0, 4], + display: Display.Flex, + flexDirection: FlexDirection.Column, + alignItems: AlignItems.center, + }, + }, + }, { element: 'Typography',