diff --git a/app/_locales/en/messages.json b/app/_locales/en/messages.json index e2b48ff16728..84a07e1dbe18 100644 --- a/app/_locales/en/messages.json +++ b/app/_locales/en/messages.json @@ -4130,6 +4130,9 @@ "someNetworksMayPoseSecurity": { "message": "Some networks may pose security and/or privacy risks. Understand the risks before adding & using a network." }, + "somethingDoesntLookRight": { + "message": "Something doesn't look right? $1" + }, "somethingIsWrong": { "message": "Something's gone wrong. Try reloading the page." }, diff --git a/shared/constants/security-provider.ts b/shared/constants/security-provider.ts index cb2773d290a6..28f7af0c0090 100644 --- a/shared/constants/security-provider.ts +++ b/shared/constants/security-provider.ts @@ -9,6 +9,8 @@ type SecurityProviderConfig = Record< readonly tKeyName: string; /** URL to securty provider website */ readonly url: string; + /** URL to security provider support page */ + readonly supportUrl: string; } >; @@ -16,6 +18,7 @@ export const SECURITY_PROVIDER_CONFIG: Readonly = { [SecurityProvider.Blockaid]: { tKeyName: 'blockaid', url: 'https://blockaid.io/', + supportUrl: 'https://support.metamask.io/hc/en-us', }, }; diff --git a/ui/components/app/security-provider-banner-alert/security-provider-banner-alert.js b/ui/components/app/security-provider-banner-alert/security-provider-banner-alert.js index 39ada1315694..15c5831083fc 100644 --- a/ui/components/app/security-provider-banner-alert/security-provider-banner-alert.js +++ b/ui/components/app/security-provider-banner-alert/security-provider-banner-alert.js @@ -48,31 +48,52 @@ function SecurityProviderBannerAlert({ )} {provider && ( - - - {t('securityProviderPoweredBy', [ - - {t(SECURITY_PROVIDER_CONFIG[provider].tKeyName)} - , - ])} - + <> + + {t('somethingDoesntLookRight', [ + + {t('contactUs')} + , + ])} + + + + + {t('securityProviderPoweredBy', [ + + {t(SECURITY_PROVIDER_CONFIG[provider].tKeyName)} + , + ])} + + )} );