Remove importSize from TokenIcon

qwinndev · qwinndev · commit c2e4927c2c3b · 2025-10-23T12:01:43.000+02:00
diff --git a/src/components/ChartTokenSelector/ChartTokenSelector.tsx b/src/components/ChartTokenSelector/ChartTokenSelector.tsx
@@ -97,7 +97,7 @@ export default function ChartTokenSelector(props: Props) {
               ) : null}
 
               <div className="flex items-center gap-8">
-                <TokenIcon symbol={selectedToken.symbol} displaySize={isMobile ? 32 : 20} importSize={40} />
+                <TokenIcon symbol={selectedToken.symbol} displaySize={isMobile ? 32 : 20} />
                 <div className="flex gap-2 md:items-center md:gap-8">
                   <span
                     className={cx("flex justify-start leading-base", {
@@ -605,12 +605,7 @@ function MarketListItem({
           onClick={handleSelectLargePosition}
         >
           <span className="flex items-center gap-4">
-            <TokenIcon
-              className="ChartToken-list-icon -my-5 mr-6"
-              symbol={token.symbol}
-              displaySize={16}
-              importSize={24}
-            />
+            <TokenIcon className="ChartToken-list-icon -my-5 mr-6" symbol={token.symbol} displaySize={16} />
             <span>{token.name}</span>
             <span className="font-medium text-typography-secondary">{token.symbol}</span>
           </span>
@@ -644,7 +639,7 @@ function MarketListItem({
       </td>
       <td className={cx("pl-4 text-[13px]", rowVerticalPadding, isMobile ? "pr-2" : "pr-8")}>
         <div className={cx("flex", isMobile ? "items-start" : "items-center")}>
-          <TokenIcon className="ChartToken-list-icon mr-6" symbol={token.symbol} displaySize={16} importSize={24} />
+          <TokenIcon className="ChartToken-list-icon mr-6" symbol={token.symbol} displaySize={16} />
           <span className={cx("flex flex-wrap items-center gap-6")}>
             <span className="font-medium leading-1">
               <MarketLabel token={token} />
diff --git a/src/components/CollateralSelector/CollateralSelector.tsx b/src/components/CollateralSelector/CollateralSelector.tsx
@@ -174,7 +174,7 @@ function CollateralListItemMobile({
   return (
     <SelectorBaseMobileButton onSelect={handleSelect} disabled={disabled}>
       <div className="CollateralSelector-mobile-column-pool" data-qa={`collateral-in-selector-row-${tokenData.symbol}`}>
-        <TokenIcon symbol={tokenData.symbol} displaySize={24} importSize={24} />
+        <TokenIcon symbol={tokenData.symbol} displaySize={24} />
         <div>{tokenData.symbol}</div>
       </div>
     </SelectorBaseMobileButton>
diff --git a/src/components/CollateralSelector/PositionEditorCollateralSelector.tsx b/src/components/CollateralSelector/PositionEditorCollateralSelector.tsx
@@ -46,7 +46,6 @@ export function PositionEditorCollateralSelector(props: Props) {
             <TokenIcon
               symbol={props.selectedTokenSymbol}
               displaySize={20}
-              importSize={24}
               chainIdBadge={props.isCollateralTokenFromGmxAccount ? 0 : props.chainId}
             />
             {props.selectedTokenSymbol}
@@ -118,7 +117,6 @@ function CollateralListItemDesktop({
             <TokenIcon
               symbol={tokenData.symbol}
               displaySize={variant === "destination" ? 16 : 28}
-              importSize={24}
               chainIdBadge={variant === "destination" ? undefined : tokenData.isGmxAccount ? 0 : chainId}
             />
             {tokenData.symbol}
@@ -198,12 +196,7 @@ function CollateralListItemMobile({
   return (
     <SelectorBaseMobileButton onSelect={handleSelect}>
       <div className="CollateralSelector-mobile-column-pool" data-qa={`collateral-in-selector-row-${tokenData.symbol}`}>
-        <TokenIcon
-          symbol={tokenData.symbol}
-          displaySize={28}
-          importSize={24}
-          chainIdBadge={tokenData.isGmxAccount ? 0 : chainId}
-        />
+        <TokenIcon symbol={tokenData.symbol} displaySize={28} chainIdBadge={tokenData.isGmxAccount ? 0 : chainId} />
         <div>{tokenData.symbol}</div>
       </div>
       {variant === "balance" &&
diff --git a/src/components/Earn/AdditionalOpportunities/OpportunityAssets.tsx b/src/components/Earn/AdditionalOpportunities/OpportunityAssets.tsx
@@ -108,7 +108,7 @@ function OpportunityTokenIcon({
             getNormalizedTokenSymbol(marketInfo.shortToken.symbol)
           : getNormalizedTokenSymbol(marketInfo.indexToken.symbol);
 
-        return <TokenIcon importSize={24} displaySize={displaySize} symbol={iconSymbol} className={className} />;
+        return <TokenIcon displaySize={displaySize} symbol={iconSymbol} className={className} />;
       }
 
       return null;
@@ -125,7 +125,7 @@ function OpportunityTokenIcon({
         return <div className="size-24 rounded-full bg-slate-800" />;
       }
 
-      return <TokenIcon importSize={24} displaySize={displaySize} symbol={symbol} className={className} />;
+      return <TokenIcon displaySize={displaySize} symbol={symbol} className={className} />;
     }
     default:
       mustNeverExist(asset);
diff --git a/src/components/Earn/Discovery/EarnProductCard.tsx b/src/components/Earn/Discovery/EarnProductCard.tsx
@@ -124,7 +124,7 @@ export default function EarnProductCard({
     >
       <div className={cx("relative flex flex-col gap-16", { "max-h-[136px] overflow-hidden": shouldCollapse })}>
         <div className="flex items-start justify-between gap-12">
-          <TokenIcon symbol={content.tokenSymbol} displaySize={40} importSize={40} className="!rounded-0" />
+          <TokenIcon symbol={content.tokenSymbol} displaySize={40} className="!rounded-0" />
           <Badge className="!bg-fill-accent">{content.badge}</Badge>
         </div>
 
diff --git a/src/components/Earn/Portfolio/AssetsList/GmGlvAssetCard.tsx b/src/components/Earn/Portfolio/AssetsList/GmGlvAssetCard.tsx
@@ -70,7 +70,6 @@ export function GmGlvAssetCard({ token, marketInfo, chainId, totalFeeApy, feeApy
         <TokenIcon
           symbol={iconTokenSymbol}
           displaySize={40}
-          importSize={40}
           badge={getMarketBadge(chainId, marketInfo)}
           badgeClassName={isGlv ? "left-[50%] -translate-x-1/2 right-[unset] -bottom-1" : undefined}
         />
diff --git a/src/components/Earn/Portfolio/AssetsList/GmxAssetCard/ClaimModal.tsx b/src/components/Earn/Portfolio/AssetsList/GmxAssetCard/ClaimModal.tsx
@@ -349,7 +349,7 @@ function ClaimRewardOption({
         )}
       >
         <div className="flex items-center gap-4">
-          <TokenIcon symbol={tokenSymbol} displaySize={20} importSize={40} className="!rounded-0" />
+          <TokenIcon symbol={tokenSymbol} displaySize={20} className="!rounded-0" />
           <span className="text-14 font-medium text-typography-primary">
             <Trans>Claim {tokenSymbol} Rewards</Trans>
           </span>
diff --git a/src/components/Earn/Portfolio/RecommendedAssets/RecommendedAssets.tsx b/src/components/Earn/Portfolio/RecommendedAssets/RecommendedAssets.tsx
@@ -29,8 +29,8 @@ import Button from "components/Button/Button";
 import TokenIcon from "components/TokenIcon/TokenIcon";
 
 import BoltGradientIcon from "img/ic_bolt_gradient.svg?react";
-import GmxIcon from "img/tokens/ic_gmx.svg?react";
 import NewLinkThinIcon from "img/ic_new_link_thin.svg?react";
+import GmxIcon from "img/tokens/ic_gmx.svg?react";
 
 const getRecommendedGlvs = ({
   hasGmxAssets,
@@ -292,7 +292,6 @@ function GlvGmxRecommendedAssetItem({
         <TokenIcon
           symbol={iconTokenSymbol}
           displaySize={32}
-          importSize={40}
           className={cx({ "!rounded-0": isGlvInfo(glvOrMarketInfo) })}
         />
       }
diff --git a/src/components/GmList/GmListItem.tsx b/src/components/GmList/GmListItem.tsx
@@ -139,7 +139,6 @@ export function GmListItem({
               <TokenIcon
                 symbol={tokenIconName}
                 displaySize={40}
-                importSize={40}
                 badge={tokenIconBadge}
                 className="min-h-40 min-w-40"
                 badgeClassName={isGlv ? "left-[50%] -translate-x-1/2 right-[unset] bottom-0" : undefined}
@@ -240,7 +239,6 @@ export function GmListItem({
             <TokenIcon
               symbol={tokenIconName}
               displaySize={40}
-              importSize={40}
               badge={tokenIconBadge}
               className="min-h-40 min-w-40"
               badgeClassName={isGlv ? "left-[50%] -translate-x-1/2 right-[unset] bottom-0" : undefined}
diff --git a/src/components/GmSwap/GmSwapBox/SelectedPool.tsx b/src/components/GmSwap/GmSwapBox/SelectedPool.tsx
@@ -28,7 +28,6 @@ export function SelectedPool({
                 ? glvOrMarketInfo.glvToken.symbol
                 : glvOrMarketInfo?.indexToken.symbol
           }
-          importSize={40}
           displaySize={20}
         />
       ) : null}
diff --git a/src/components/GmxAccountModal/AvailableToTradeAssetsView.tsx b/src/components/GmxAccountModal/AvailableToTradeAssetsView.tsx
@@ -107,12 +107,7 @@ const AssetsList = ({ tokens, noChainFilter }: { tokens: DisplayToken[]; noChain
             className="flex items-center justify-between px-adaptive py-8 gmx-hover:bg-fill-surfaceElevated50"
           >
             <div className="flex items-center gap-16">
-              <TokenIcon
-                symbol={displayToken.symbol}
-                displaySize={40}
-                importSize={40}
-                chainIdBadge={displayToken.chainId}
-              />
+              <TokenIcon symbol={displayToken.symbol} displaySize={40} chainIdBadge={displayToken.chainId} />
               <div>
                 <div>{displayToken.symbol}</div>
                 <div className="text-body-small text-slate-100">
diff --git a/src/components/GmxAccountModal/DepositView.tsx b/src/components/GmxAccountModal/DepositView.tsx
@@ -772,7 +772,7 @@ export const DepositView = () => {
               <div className="flex items-center gap-8">
                 {selectedToken ? (
                   <>
-                    <TokenIcon symbol={selectedToken.symbol} displaySize={20} importSize={40} />
+                    <TokenIcon symbol={selectedToken.symbol} displaySize={20} />
                     <span className="text-16 leading-base">{selectedToken.symbol}</span>
                   </>
                 ) : depositViewChain !== undefined ? (
diff --git a/src/components/GmxAccountModal/MainView.tsx b/src/components/GmxAccountModal/MainView.tsx
@@ -83,7 +83,7 @@ const TokenIcons = ({ tokens }: { tokens: string[] }) => {
             zIndex: tokens.length - index,
           }}
         >
-          <TokenIcon symbol={token} displaySize={18} importSize={24} />
+          <TokenIcon symbol={token} displaySize={18} />
         </div>
       ))}
     </div>
@@ -431,7 +431,7 @@ const FundingHistorySection = () => {
             onClick={() => handleTransferClick(transfer)}
           >
             <div className="flex items-center gap-16">
-              <TokenIcon symbol={transfer.token.symbol} displaySize={40} importSize={40} />
+              <TokenIcon symbol={transfer.token.symbol} displaySize={40} />
               <div>
                 <div className="text-body-large">{transfer.token.symbol}</div>
                 <FundingHistoryItemLabel
diff --git a/src/components/GmxAccountModal/SelectAssetToDepositView.tsx b/src/components/GmxAccountModal/SelectAssetToDepositView.tsx
@@ -41,12 +41,7 @@ const TokenListItem = ({ tokenChainData, onClick, className }: TokenListItemProp
       onClick={onClick}
     >
       <div className="flex items-center gap-16">
-        <TokenIcon
-          symbol={tokenChainData.symbol}
-          displaySize={40}
-          importSize={40}
-          chainIdBadge={tokenChainData.sourceChainId}
-        />
+        <TokenIcon symbol={tokenChainData.symbol} displaySize={40} chainIdBadge={tokenChainData.sourceChainId} />
         <div>
           <div className="text-body-large">{tokenChainData.symbol}</div>
           <div className="text-body-small text-typography-secondary">{getChainName(tokenChainData.sourceChainId)}</div>
diff --git a/src/components/GmxAccountModal/WithdrawalView.tsx b/src/components/GmxAccountModal/WithdrawalView.tsx
@@ -869,7 +869,7 @@ export const WithdrawalView = () => {
             button={
               selectedTokenAddress && selectedToken ? (
                 <div className="flex items-center gap-8">
-                  <TokenIcon symbol={selectedToken.symbol} displaySize={20} importSize={40} />
+                  <TokenIcon symbol={selectedToken.symbol} displaySize={20} />
                   <span>{selectedToken.symbol}</span>
                 </div>
               ) : undefined
@@ -1141,7 +1141,7 @@ function WithdrawAssetItem({ option }: { option: TokenData }) {
   return (
     <div className="flex items-center justify-between gap-8">
       <div className="flex gap-8">
-        <TokenIcon symbol={option.symbol} displaySize={20} importSize={40} />
+        <TokenIcon symbol={option.symbol} displaySize={20} />
         <span>
           {option.symbol} <span className="text-body-small text-typography-secondary">{option.name}</span>
         </span>
diff --git a/src/components/MarketSelector/GmPoolsSelectorForGlvMarket.tsx b/src/components/MarketSelector/GmPoolsSelectorForGlvMarket.tsx
@@ -259,7 +259,6 @@ export function GmPoolsSelectorForGlvMarket({
                     getNormalizedTokenSymbol(marketInfo.shortToken.symbol)
                   : marketInfo?.indexToken.symbol
               }
-              importSize={40}
               displaySize={20}
             />
           )}
diff --git a/src/components/MarketSelector/PoolListItem.tsx b/src/components/MarketSelector/PoolListItem.tsx
@@ -107,20 +107,18 @@ export function PoolListItem(props: {
         <div className="Token-info">
           <div className="collaterals-logo">
             {showAllPools ? (
-              <TokenIcon symbol={indexTokenImage} displaySize={40} importSize={40} badge={tokenBadge} />
+              <TokenIcon symbol={indexTokenImage} displaySize={40} badge={tokenBadge} />
             ) : (
               <>
                 <TokenIcon
                   symbol={longToken.symbol}
                   displaySize={40}
-                  importSize={40}
                   className="collateral-logo collateral-logo-first"
                 />
                 {shortToken && (
                   <TokenIcon
                     symbol={shortToken.symbol}
                     displaySize={40}
-                    importSize={40}
                     className="collateral-logo collateral-logo-second"
                   />
                 )}
diff --git a/src/components/MarketSelector/PoolSelector.tsx b/src/components/MarketSelector/PoolSelector.tsx
@@ -255,7 +255,6 @@ export function PoolSelector({
                     ? marketInfo.glvToken.symbol
                     : marketInfo?.indexToken.symbol
               }
-              importSize={40}
               displaySize={20}
             />
           )}
diff --git a/src/components/MarketWithDirectionLabel/MarketWithDirectionLabel.tsx b/src/components/MarketWithDirectionLabel/MarketWithDirectionLabel.tsx
@@ -8,21 +8,19 @@ export function MarketWithDirectionLabel({
   isLong,
   tokenSymbol,
   bordered,
-  iconImportSize,
 }: {
   indexName: string;
   isLong: boolean;
   tokenSymbol: string;
   bordered?: boolean;
-  iconImportSize?: 24 | 40;
 }) {
   return (
     <div
       className={cx("inline-flex items-center gap-4 leading-base", {
         "cursor-help": bordered,
       })}
     >
-      <TokenIcon className="size-20 !align-[-3px]" displaySize={20} symbol={tokenSymbol} importSize={iconImportSize} />
+      <TokenIcon className="size-20 !align-[-3px]" displaySize={20} symbol={tokenSymbol} />
       <span className="font-medium text-typography-primary">{indexName}</span>
       <span className={cx(isLong ? "text-green-500" : "text-red-500")}>{isLong ? t`Long` : t`Short`}</span>
     </div>
diff --git a/src/components/OrderItem/OrderItem.tsx b/src/components/OrderItem/OrderItem.tsx
@@ -259,12 +259,12 @@ export function SizeWithIcon({ order, className }: { order: OrderInfo; className
         isStable: initialCollateralToken.isStable,
       }
     );
-    const fromTokenIcon = <TokenIcon symbol={initialCollateralToken.symbol} displaySize={18} importSize={24} />;
+    const fromTokenIcon = <TokenIcon symbol={initialCollateralToken.symbol} displaySize={18} />;
 
     const toTokenText = formatBalanceAmount(minOutputAmount, targetCollateralToken.decimals, undefined, {
       isStable: targetCollateralToken.isStable,
     });
-    const toTokenIcon = <TokenIcon symbol={targetCollateralToken.symbol} displaySize={18} importSize={24} />;
+    const toTokenIcon = <TokenIcon symbol={targetCollateralToken.symbol} displaySize={18} />;
 
     const handle = (
       <span className={className}>
diff --git a/src/components/OrderItem/TwapOrdersList/TwapOrdersList.tsx b/src/components/OrderItem/TwapOrdersList/TwapOrdersList.tsx
@@ -77,8 +77,8 @@ function TwapOrderItem({
       undefined,
       { isStable: order.initialCollateralToken.isStable }
     );
-    const fromTokenIcon = <TokenIcon symbol={order.initialCollateralToken.symbol} displaySize={18} importSize={24} />;
-    const toTokenIcon = <TokenIcon symbol={order.targetCollateralToken.symbol} displaySize={18} importSize={24} />;
+    const fromTokenIcon = <TokenIcon symbol={order.initialCollateralToken.symbol} displaySize={18} />;
+    const toTokenIcon = <TokenIcon symbol={order.targetCollateralToken.symbol} displaySize={18} />;
 
     return (
       <tr key={order.key} className="gap-x-8 border-b-1/2 border-slate-600 last:border-b-0">
diff --git a/src/components/PoolSelector2/PoolSelector2.tsx b/src/components/PoolSelector2/PoolSelector2.tsx
@@ -206,17 +206,11 @@ function PoolListItemMobile({
     >
       <div className="PoolSelector2-mobile-column-pool" data-qa={`pool-selector-row-${poolName}`}>
         <div className="PoolSelector2-mobile-collateral-logos">
-          <TokenIcon
-            symbol={longTokenSymbol}
-            displaySize={18}
-            importSize={24}
-            className="PoolSelector2-mobile-collateral-logo-first"
-          />
+          <TokenIcon symbol={longTokenSymbol} displaySize={18} className="PoolSelector2-mobile-collateral-logo-first" />
           {shortTokenSymbol && (
             <TokenIcon
               symbol={shortTokenSymbol}
               displaySize={18}
-              importSize={24}
               className="PoolSelector2-mobile-collateral-logo-second"
             />
           )}
diff --git a/src/components/PositionItem/PositionItem.tsx b/src/components/PositionItem/PositionItem.tsx
@@ -444,7 +444,6 @@ export function PositionItem(p: Props) {
                       className="PositionList-token-icon"
                       symbol={p.position.indexToken.symbol}
                       displaySize={20}
-                      importSize={24}
                     />
                     <span className="font-medium">
                       {getMarketIndexName({ indexToken: p.position.indexToken, isSpotOnly: false })}
@@ -609,7 +608,7 @@ export function PositionItem(p: Props) {
                   isCurrentMarket,
               })}
             >
-              <TokenIcon symbol={p.position.indexToken?.symbol} displaySize={16} importSize={24} />
+              <TokenIcon symbol={p.position.indexToken?.symbol} displaySize={16} />
               {getMarketIndexName({ indexToken: p.position.indexToken, isSpotOnly: false })}
             </span>
             <div className="text-body-small flex items-center gap-4">
diff --git a/src/components/PositionShare/PositionShareCard.tsx b/src/components/PositionShare/PositionShareCard.tsx
@@ -70,7 +70,7 @@ export const PositionShareCard = forwardRef<HTMLDivElement, Props>(
                 {isLong ? "LONG" : "SHORT"} {formatAmount(leverage, 4, 2, true)}x
               </div>
               <div className="flex items-center gap-4 font-medium">
-                <TokenIcon symbol={indexToken.symbol} displaySize={16} importSize={24} />
+                <TokenIcon symbol={indexToken.symbol} displaySize={16} />
                 <span>
                   {getTokenVisualMultiplier(indexToken)}
                   {indexToken.symbol} / USD
diff --git a/src/components/TableMarketFilter/MarketFilterBase.tsx b/src/components/TableMarketFilter/MarketFilterBase.tsx
@@ -79,7 +79,7 @@ export function MarketFilterBase({
 
       return (
         <>
-          <TokenIcon symbol={iconName} displaySize={16} importSize={40} className="mr-5" />
+          <TokenIcon symbol={iconName} displaySize={16} className="mr-5" />
           <div className="inline-flex items-center">
             <span>{indexName}</span>
             <span className="subtext">[{poolName}]</span>
diff --git a/src/components/TableMarketFilter/MarketFilterLongShort.tsx b/src/components/TableMarketFilter/MarketFilterLongShort.tsx
@@ -178,7 +178,6 @@ export function MarketFilterLongShort({ value, onChange, withPositions, asButton
               isLong={props.item.direction === "long"}
               indexName={indexName}
               tokenSymbol={iconName}
-              iconImportSize={40}
             />
             <div className="inline-flex items-center">
               <span className="subtext">[{poolName}]</span>
@@ -190,7 +189,7 @@ export function MarketFilterLongShort({ value, onChange, withPositions, asButton
 
       return (
         <>
-          <TokenIcon symbol={iconName} displaySize={16} importSize={40} className="mr-5" />
+          <TokenIcon symbol={iconName} displaySize={16} className="mr-5" />
           <div className="inline-flex items-center">
             {longOrShortText && <span className="mr-3">{longOrShortText}</span>}
             <span>{indexName}</span>
diff --git a/src/components/TokenIcon/TokenIcon.tsx b/src/components/TokenIcon/TokenIcon.tsx
diff --git a/src/components/TokenIcon/TokenWithIcon.tsx b/src/components/TokenIcon/TokenWithIcon.tsx
diff --git a/src/components/TokenSelector/MultichainTokenSelector.tsx b/src/components/TokenSelector/MultichainTokenSelector.tsx
diff --git a/src/components/TokenSelector/TokenSelector.tsx b/src/components/TokenSelector/TokenSelector.tsx
diff --git a/src/components/TokenSymbolWithIcon/TokenSymbolWithIcon.tsx b/src/components/TokenSymbolWithIcon/TokenSymbolWithIcon.tsx
diff --git a/src/components/TradeBox/TradeBox.tsx b/src/components/TradeBox/TradeBox.tsx
diff --git a/src/components/TradeHistory/TradeHistoryRow/TradeHistoryRow.tsx b/src/components/TradeHistory/TradeHistoryRow/TradeHistoryRow.tsx
diff --git a/src/pages/LeaderboardPage/components/LeaderboardPositionsTable.tsx b/src/pages/LeaderboardPage/components/LeaderboardPositionsTable.tsx
diff --git a/src/pages/PoolsDetails/PoolsDetailsHeader.tsx b/src/pages/PoolsDetails/PoolsDetailsHeader.tsx
diff --git a/src/pages/TestPermits/TestPermits.tsx b/src/pages/TestPermits/TestPermits.tsx

Original file line number	Diff line number	Diff line change
`@@ -108,7 +108,7 @@ function OpportunityTokenIcon({`
`108`	`108`	`getNormalizedTokenSymbol(marketInfo.shortToken.symbol)`
`109`	`109`	`: getNormalizedTokenSymbol(marketInfo.indexToken.symbol);`
`110`	`110`
`111`		`- return <TokenIcon importSize={24} displaySize={displaySize} symbol={iconSymbol} className={className} />;`
	`111`	`+ return <TokenIcon displaySize={displaySize} symbol={iconSymbol} className={className} />;`
`112`	`112`	`}`
`113`	`113`
`114`	`114`	`return null;`
`@@ -125,7 +125,7 @@ function OpportunityTokenIcon({`
`125`	`125`	`return <div className="size-24 rounded-full bg-slate-800" />;`
`126`	`126`	`}`
`127`	`127`
`128`		`- return <TokenIcon importSize={24} displaySize={displaySize} symbol={symbol} className={className} />;`
	`128`	`+ return <TokenIcon displaySize={displaySize} symbol={symbol} className={className} />;`
`129`	`129`	`}`
`130`	`130`	`default:`
`131`	`131`	`mustNeverExist(asset);`
Original file line number	Diff line number	Diff line change
`@@ -124,7 +124,7 @@ export default function EarnProductCard({`
`124`	`124`	`>`
`125`	`125`	`<div className={cx("relative flex flex-col gap-16", { "max-h-[136px] overflow-hidden": shouldCollapse })}>`
`126`	`126`	`<div className="flex items-start justify-between gap-12">`
`127`		`- <TokenIcon symbol={content.tokenSymbol} displaySize={40} importSize={40} className="!rounded-0" />`
	`127`	`+ <TokenIcon symbol={content.tokenSymbol} displaySize={40} className="!rounded-0" />`
`128`	`128`	`<Badge className="!bg-fill-accent">{content.badge}</Badge>`
`129`	`129`	`</div>`
`130`	`130`
Original file line number	Diff line number	Diff line change
`@@ -349,7 +349,7 @@ function ClaimRewardOption({`
`349`	`349`	`)}`
`350`	`350`	`>`
`351`	`351`	`<div className="flex items-center gap-4">`
`352`		`- <TokenIcon symbol={tokenSymbol} displaySize={20} importSize={40} className="!rounded-0" />`
	`352`	`+ <TokenIcon symbol={tokenSymbol} displaySize={20} className="!rounded-0" />`
`353`	`353`	`<span className="text-14 font-medium text-typography-primary">`
`354`	`354`	`<Trans>Claim {tokenSymbol} Rewards</Trans>`
`355`	`355`	`</span>`
Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,6 @@ export function SelectedPool({`
`28`	`28`	`? glvOrMarketInfo.glvToken.symbol`
`29`	`29`	`: glvOrMarketInfo?.indexToken.symbol`
`30`	`30`	`}`
`31`		`- importSize={40}`
`32`	`31`	`displaySize={20}`
`33`	`32`	`/>`
`34`	`33`	`) : null}`