feat: wip

Author: therealemjy

apps/evm/src/clients/api/queries/getSimulatedPool/useGetSimulatedPool/index.ts

@@ -20,7 +20,7 @@ export type useGetSimulatedPoolQueryKey = [
   },
 ];
 
-type Options = QueryObserverOptions<
+export type UseGetSimulatedPoolOptions = QueryObserverOptions<
   GetSimulatedPoolOutput,
   Error,
   GetSimulatedPoolOutput,
@@ -30,7 +30,7 @@ type Options = QueryObserverOptions<
 
 export const useGetSimulatedPool = (
   input: TrimmedSimulatedPoolInput,
-  options?: Partial<Options>,
+  options?: Partial<UseGetSimulatedPoolOptions>,
 ) => {
   const { chainId } = useChainId();
   const { publicClient } = usePublicClient();

apps/evm/src/components/SelectTokenTextField/TokenList/index.tsx

@@ -5,9 +5,10 @@ import { type InputHTMLAttributes, useMemo, useState } from 'react';
 import { TokenIconWithSymbol } from 'components/TokenIconWithSymbol';
 import { useTranslation } from 'libs/translations';
 import type { Token, TokenBalance } from 'types';
-import { convertMantissaToTokens } from 'utilities';
+import { areTokensEqual, convertMantissaToTokens } from 'utilities';
 
 import { SenaryButton } from '@venusprotocol/ui';
+import { Icon } from 'components';
 import { TextField } from '../../TextField';
 import { useStyles as useParentStyles } from '../styles';
 import { getTokenListItemTestId } from '../testIdGetters';
@@ -18,6 +19,7 @@ export interface TokenListProps {
   tokenBalances: OptionalTokenBalance[];
   onTokenClick: (token: Token) => void;
   displayCommonTokenButtons: boolean;
+  selectedToken: Token;
   'data-testid'?: string;
 }
 
@@ -27,6 +29,7 @@ export const TokenList: React.FC<TokenListProps> = ({
   tokenBalances,
   onTokenClick,
   displayCommonTokenButtons,
+  selectedToken,
   'data-testid': testId,
 }) => {
   const { t } = useTranslation();
@@ -137,6 +140,10 @@ export const TokenList: React.FC<TokenListProps> = ({
                 })}
               </Typography>
             )}
+
+            {!tokenBalance.balanceMantissa && areTokensEqual(tokenBalance.token, selectedToken) && (
+              <Icon name="mark" className="text-green size-5" />
+            )}
           </div>
         ))}
       </div>

apps/evm/src/components/SelectTokenTextField/index.tsx

@@ -4,7 +4,7 @@ import { useState } from 'react';
 
 import type { Token } from 'types';
 
-import { TertiaryButton, cn } from '@venusprotocol/ui';
+import { TertiaryButton } from '@venusprotocol/ui';
 import { Icon } from '../Icon';
 import { TokenIcon } from '../TokenIcon';
 import { TokenTextField, type TokenTextFieldProps } from '../TokenTextField';
@@ -17,12 +17,13 @@ import {
 } from './testIdGetters';
 import type { OptionalTokenBalance } from './types';
 
+export * from './types';
+
 export interface SelectTokenTextFieldProps extends Omit<TokenTextFieldProps, 'max' | 'token'> {
   tokenBalances: OptionalTokenBalance[];
   selectedToken: Token;
   onChangeSelectedToken: (token: Token) => void;
   token?: Token;
-  selectedTokenLabel?: string;
   displayCommonTokenButtons?: boolean;
   'data-testid'?: string;
 }
@@ -38,7 +39,6 @@ export const SelectTokenTextField: React.FC<SelectTokenTextFieldProps> = ({
   rightMaxButton,
   'data-testid': testId,
   description,
-  selectedTokenLabel,
   displayCommonTokenButtons = false,
   ...otherTokenTextFieldProps
 }) => {
@@ -72,15 +72,7 @@ export const SelectTokenTextField: React.FC<SelectTokenTextFieldProps> = ({
               <div className="flex items-center gap-x-2">
                 <TokenIcon token={selectedToken} className="h-5 w-5" />
 
-                <div className="text-left">
-                  <div className={cn(!!selectedTokenLabel && 'leading-3')}>
-                    {selectedToken.symbol}
-                  </div>
-
-                  {!!selectedTokenLabel && (
-                    <p className="text-xs text-grey leading-3 font-normal">{selectedTokenLabel}</p>
-                  )}
-                </div>
+                <div className="text-left">{selectedToken.symbol}</div>
               </div>
 
               <Icon
@@ -112,6 +104,7 @@ export const SelectTokenTextField: React.FC<SelectTokenTextFieldProps> = ({
             tokenBalances={tokenBalances}
             data-testid={testId}
             onTokenClick={handleChangeSelectedToken}
+            selectedToken={selectedToken}
             displayCommonTokenButtons={displayCommonTokenButtons}
           />
         )}

apps/evm/src/components/Slider/index.tsx

@@ -9,6 +9,7 @@ export interface SliderProps {
   min?: number;
   disabled?: boolean;
   className?: string;
+  rangeClassName?: string;
 }
 
 export const Slider: React.FC<SliderProps> = ({
@@ -19,6 +20,7 @@ export const Slider: React.FC<SliderProps> = ({
   step,
   disabled = false,
   className,
+  rangeClassName,
 }) => (
   <SliderPrimitive.Root
     data-slot="slider"
@@ -35,7 +37,10 @@ export const Slider: React.FC<SliderProps> = ({
       data-slot="slider-track"
       className="bg-lightGrey relative grow overflow-hidden rounded-full h-2 w-full"
     >
-      <SliderPrimitive.Range data-slot="slider-range" className="bg-blue absolute h-full" />
+      <SliderPrimitive.Range
+        data-slot="slider-range"
+        className={cn('bg-blue absolute h-full', rangeClassName)}
+      />
     </SliderPrimitive.Track>
 
     <SliderPrimitive.Thumb

apps/evm/src/containers/AssetAccessor/DisabledActionNotice/index.tsx

@@ -26,6 +26,10 @@ const DisabledActionNotice: React.FC<DisabledActionNoticeProps> = ({ token, acti
       return t('assetAccessor.disabledActionNotice.borrow');
     }
 
+    if (action === 'boost') {
+      return t('assetAccessor.disabledActionNotice.boost');
+    }
+
     if (action === 'repay') {
       return t('assetAccessor.disabledActionNotice.repay');
     }

apps/evm/src/containers/AssetAccessor/index.tsx

@@ -36,11 +36,14 @@ const AssetAccessor: React.FC<AssetAccessorProps> = ({
     return <Spinner />;
   }
 
-  if (asset.disabledTokenActions.includes(action) || (action === 'borrow' && !asset.isBorrowable)) {
+  if (
+    asset.disabledTokenActions.includes(action) ||
+    ((action === 'borrow' || action === 'boost') && !asset.isBorrowable)
+  ) {
     return <DisabledActionNotice token={vToken.underlyingToken} action={action} />;
   }
 
-  if (action === 'borrow' && !asset.isBorrowableByUser) {
+  if ((action === 'borrow' || action === 'boost') && !asset.isBorrowableByUser) {
     return (
       <NoticeWarning
         description={