fix: fix sticky autodetection banner

ui/components/app/detected-token/detected-token-ignored-popover/__snapshots__/detected-token-ignored-popover.test.js.snap

@@ -0,0 +1,5 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`DetectedTokenIgnoredPopover should match snapshot for ignore mode 1`] = `<DocumentFragment />`;
+
+exports[`DetectedTokenIgnoredPopover should match snapshot for import mode 1`] = `<DocumentFragment />`;

ui/components/app/detected-token/detected-token-ignored-popover/detected-token-ignored-popover.test.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import DetectedTokenIgnoredPopover from './detected-token-ignored-popover';
+
+describe('DetectedTokenIgnoredPopover', () => {
+  const defaultProps = {
+    partiallyIgnoreDetectedTokens: false,
+    onCancelIgnore: jest.fn(),
+    handleClearTokensSelection: jest.fn(),
+    isOpen: true,
+  };
+
+  const renderComponent = (props = {}) =>
+    render(<DetectedTokenIgnoredPopover {...defaultProps} {...props} />);
+
+  it('should match snapshot for ignore mode', () => {
+    const { asFragment } = renderComponent();
+    expect(asFragment()).toMatchSnapshot();
+  });
+
+  it('should match snapshot for import mode', () => {
+    const { asFragment } = renderComponent({
+      partiallyIgnoreDetectedTokens: true,
+    });
+    expect(asFragment()).toMatchSnapshot();
+  });
+
+  it('should call handleClearTokensSelection when the confirm button is clicked', () => {
+    renderComponent();
+    const confirmButton = screen.getByTestId(
+      'detected-token-ignored-popover-confirm-button',
+    );
+    fireEvent.click(confirmButton);
+    expect(defaultProps.handleClearTokensSelection).toHaveBeenCalled();
+  });
+});

ui/components/app/detected-token/detected-token.js

@@ -210,14 +210,16 @@ const DetectedToken = ({ setShowDetectedTokens }) => {
 
       const promises = Object.entries(groupedByChainId).map(
         async ([chainId, tokens]) => {
-          const chainConfig = allNetworks[chainId];
-          const { defaultRpcEndpointIndex } = chainConfig;
-          const { networkClientId: networkInstanceId } =
-            chainConfig.rpcEndpoints[defaultRpcEndpointIndex];
+          const { defaultRpcEndpointIndex, rpcEndpoints } =
+            allNetworks[chainId];
+          const networkInstanceId =
+            rpcEndpoints[defaultRpcEndpointIndex].networkClientId;
+
+          const tokensToIgnore = tokens.map((token) => token.address);
 
           await dispatch(
             ignoreTokens({
-              tokensToIgnore: tokens,
+              tokensToIgnore,
               dontShowLoadingIndicator: true,
               networkClientId: networkInstanceId,
             }),