report false positive for blockaid

MetaMask · Sep 14, 2023 · 7a27e95 · 7a27e95
1 parent 761326a
commit 7a27e95
Show file tree

Hide file tree

Showing 3 changed files with 52 additions and 25 deletions.
diff --git a/app/_locales/en/messages.json b/app/_locales/en/messages.json
diff --git a/shared/constants/security-provider.ts b/shared/constants/security-provider.ts
@@ -9,13 +9,16 @@ type SecurityProviderConfig = Record<
     readonly tKeyName: string;
     /** URL to securty provider website */
     readonly url: string;
+    /** URL to security provider support page */
+    readonly supportUrl: string;
   }
 >;
 
 export const SECURITY_PROVIDER_CONFIG: Readonly<SecurityProviderConfig> = {
   [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
@@ -48,31 +48,52 @@ function SecurityProviderBannerAlert({
       )}
 
       {provider && (
-        <Text
-          marginTop={3}
-          display={Display.Flex}
-          alignItems={AlignItems.center}
-          color={Color.textAlternative}
-          variant={TextVariant.bodySm}
-        >
-          <Icon
-            className="disclosure__summary--icon"
-            color={IconColor.primaryDefault}
-            name={IconName.SecurityTick}
-            size={IconSize.Sm}
-            marginInlineEnd={1}
-          />
-          {t('securityProviderPoweredBy', [
-            <ButtonLink
-              key={`security-provider-button-link-${provider}`}
-              size={Size.inherit}
-              href={SECURITY_PROVIDER_CONFIG[provider].url}
-              externalLink
-            >
-              {t(SECURITY_PROVIDER_CONFIG[provider].tKeyName)}
-            </ButtonLink>,
-          ])}
-        </Text>
+        <>
+          <Text
+            marginTop={3}
+            display={Display.Flex}
+            alignItems={AlignItems.center}
+            color={Color.textAlternative}
+            variant={TextVariant.bodySm}
+          >
+            {t('somethingDoesntLookRight', [
+              <ButtonLink
+                key={`security-provider-button-supporturl-${provider}`}
+                size={Size.inherit}
+                href={SECURITY_PROVIDER_CONFIG[provider].supportUrl}
+                externalLink
+              >
+                {t('contactUs')}
+              </ButtonLink>,
+            ])}
+          </Text>
+
+          <Text
+            marginTop={3}
+            display={Display.Flex}
+            alignItems={AlignItems.center}
+            color={Color.textAlternative}
+            variant={TextVariant.bodySm}
+          >
+            <Icon
+              className="disclosure__summary--icon"
+              color={IconColor.primaryDefault}
+              name={IconName.SecurityTick}
+              size={IconSize.Sm}
+              marginInlineEnd={1}
+            />
+            {t('securityProviderPoweredBy', [
+              <ButtonLink
+                key={`security-provider-button-link-${provider}`}
+                size={Size.inherit}
+                href={SECURITY_PROVIDER_CONFIG[provider].url}
+                externalLink
+              >
+                {t(SECURITY_PROVIDER_CONFIG[provider].tKeyName)}
+              </ButtonLink>,
+            ])}
+          </Text>
+        </>
       )}
     </BannerAlert>
   );