wip

MetaMask · Dec 11, 2024 · 286dd74 · 286dd74
1 parent dcc4d4c
commit 286dd74
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 11 deletions.
diff --git a/ui/pages/confirmations/hooks/alerts/transactions/PendingTransactionAlertMessage.tsx b/ui/pages/confirmations/hooks/alerts/transactions/PendingTransactionAlertMessage.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Text } from '../../../../../components/component-library';
+import { ButtonLink, Text } from '../../../../../components/component-library';
 import {
   TextColor,
   TextVariant,
@@ -17,16 +17,15 @@ export const PendingTransactionAlertMessage = () => {
       data-testid="alert-modal__selected-alert"
     >
       {t('pendingTransactionAlertMessage', [
-        <Text color={TextColor.primaryDefault}>
-          <a
-            href={ZENDESK_URLS.SPEEDUP_CANCEL}
-            key="link"
-            target="_blank"
-            rel="noreferrer noopener"
-          >
-            {t('pendingTransactionAlertMessageHyperlink')}
-          </a>
-        </Text>,
+        <ButtonLink
+          href={ZENDESK_URLS.SPEEDUP_CANCEL}
+          key="link"
+          target="_blank"
+          rel="noreferrer noopener"
+          color={TextColor.primaryDefault}
+        >
+          {t('pendingTransactionAlertMessageHyperlink')}
+        </ButtonLink>,
       ])}
     </Text>
   );

diff --git a/ui/pages/confirmations/hooks/alerts/transactions/usePendingTransactionAlerts.test.ts b/ui/pages/confirmations/hooks/alerts/transactions/usePendingTransactionAlerts.test.ts
@@ -89,6 +89,13 @@ describe('usePendingTransactionAlerts', () => {
     jest.resetAllMocks();
 
     (useParams as jest.Mock).mockReturnValue({ id: 'mock-transaction-id' });
+
+    useSelectorMock.mockImplementation((selector) => {
+      if (selector.toString().includes('pendingApprovalsSortedSelector')) {
+        return [];
+      }
+      return undefined;
+    });
   });
 
   it('returns no alerts if no confirmation', () => {
@@ -155,6 +162,10 @@ describe('usePendingTransactionAlerts', () => {
         return true;
       } else if (selector.toString().includes('getUnapprovedTransaction')) {
         return { type: TransactionType.contractInteraction };
+      } else if (
+        selector.toString().includes('pendingApprovalsSortedSelector')
+      ) {
+        return [];
       }
       return undefined;
     });