fix: temp ci

MetaMask · Oct 17, 2024 · 562c769 · 562c769
1 parent ee61c3e
commit 562c769
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 10 deletions.
diff --git a/ui/components/multichain/asset-picker-amount/asset-picker-modal/AssetList.tsx b/ui/components/multichain/asset-picker-amount/asset-picker-modal/AssetList.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { useSelector } from 'react-redux';
+import classnames from 'classnames';
 import {
   getCurrentCurrency,
   getSelectedAccountCachedBalance,
@@ -74,6 +75,7 @@ export default function AssetList({
                 ? BackgroundColor.primaryMuted
                 : BackgroundColor.transparent
             }
+            className="multichain-asset-picker-list-items"
             data-testid="asset-list-item"
             onClick={() => {
               if (isDisabled) {
@@ -89,13 +91,20 @@ export default function AssetList({
               flexWrap={FlexWrap.NoWrap}
               alignItems={AlignItems.center}
             >
-              <Box marginInlineStart={2}>
-                {isSelected ? (
-                  <Box
-                    borderRadius={BorderRadius.pill}
-                    backgroundColor={BackgroundColor.primaryDefault}
-                  />
-                ) : null}
+              {isSelected ? (
+                <Box
+                  className="multichain-asset-picker-list-items__selected-indicator"
+                  borderRadius={BorderRadius.pill}
+                  backgroundColor={BackgroundColor.primaryDefault}
+                />
+              ) : null}
+              <Box
+                marginInlineStart={2}
+                className={classnames('multichain-asset-picker-list-items', {
+                  'multichain-asset-picker-list-items--selected': isSelected,
+                  'multichain-asset-picker-list-items--disabled': isDisabled,
+                })}
+              >
                 {token.type === AssetType.native ? (
                   <TokenListItem
                     title={token.symbol}

diff --git a/ui/components/multichain/asset-picker-amount/asset-picker-modal/index.scss b/ui/components/multichain/asset-picker-amount/asset-picker-modal/index.scss
@@ -25,13 +25,13 @@
     vertical-align: unset;
   }
 
-  .multichain-asset-picker-list-item {
+  .multichain-asset-picker-list-items {
     position: relative;
     cursor: pointer;
     overflow-y: auto;
     max-height: 50vh;
 
-    &:not(.multichain-asset-picker-list-item--selected) {
+    &:not(.multichain-asset-picker-list-items--selected) {
       &:hover,
       &:focus-within {
         background: var(--color-background-default-hover);

diff --git a/ui/components/multichain/nft-item/nft-item.js b/ui/components/multichain/nft-item/nft-item.js
@@ -9,7 +9,6 @@ import {
   BadgeWrapper,
   BadgeWrapperAnchorElementShape,
   Box,
-  Text,
 } from '../../component-library';
 import {
   BackgroundColor,

diff --git a/ui/components/multichain/token-list-item/token-list-item.tsx b/ui/components/multichain/token-list-item/token-list-item.tsx
@@ -264,6 +264,7 @@ export const TokenListItem = ({
               src={currentNetwork?.rpcPrefs?.imageUrl}
               backgroundColor={testNetworkBackgroundColor}
               className="multichain-token-list-item__badge__avatar-network"
+              s
             />
           }
           marginRight={4}