feat: add logic to E-mode tab

Author: therealemjy

apps/evm/src/__mocks__/models/asset.ts

@@ -24,6 +24,7 @@ export const assetData: Asset[] = [
     supplierCount: 100,
     borrowerCount: 10,
     isBorrowable: true,
+    isBorrowableByUser: true,
     exchangeRateVTokens: new BigNumber(49.589181233),
     userWalletBalanceTokens: new BigNumber('100'),
     userWalletBalanceCents: new BigNumber('12786'),
@@ -94,6 +95,7 @@ export const assetData: Asset[] = [
     supplierCount: 100,
     borrowerCount: 10,
     isBorrowable: false,
+    isBorrowableByUser: false,
     exchangeRateVTokens: new BigNumber(1),
     userWalletBalanceTokens: new BigNumber('0'),
     userWalletBalanceCents: new BigNumber('0'),
@@ -182,6 +184,7 @@ export const assetData: Asset[] = [
     supplierCount: 100,
     borrowerCount: 10,
     isBorrowable: true,
+    isBorrowableByUser: true,
     exchangeRateVTokens: new BigNumber(0.981982),
     userWalletBalanceTokens: new BigNumber('900'),
     userWalletBalanceCents: new BigNumber('90000'),
@@ -266,6 +269,7 @@ export const assetData: Asset[] = [
     supplierCount: 100,
     borrowerCount: 10,
     isBorrowable: true,
+    isBorrowableByUser: true,
     exchangeRateVTokens: new BigNumber(1.000003),
     userWalletBalanceTokens: new BigNumber('110'),
     userWalletBalanceCents: new BigNumber('11000'),

apps/evm/src/clients/api/queries/useGetAsset/__snapshots__/index.spec.tsx.snap

@@ -37,6 +37,7 @@ exports[`useGetAsset > returns the correct asset 1`] = `
     "disabledTokenActions": [],
     "exchangeRateVTokens": "49.589181233",
     "isBorrowable": true,
+    "isBorrowableByUser": true,
     "isCollateralOfUser": true,
     "liquidationThresholdPercentage": 50,
     "liquidityCents": "8036465875",

apps/evm/src/clients/api/queries/useGetPool/__snapshots__/index.spec.tsx.snap

@@ -39,6 +39,7 @@ exports[`useGetPool > returns the correct asset 1`] = `
         "disabledTokenActions": [],
         "exchangeRateVTokens": "49.589181233",
         "isBorrowable": true,
+        "isBorrowableByUser": true,
         "isCollateralOfUser": true,
         "liquidationThresholdPercentage": 50,
         "liquidityCents": "8036465875",
@@ -151,6 +152,7 @@ exports[`useGetPool > returns the correct asset 1`] = `
         ],
         "exchangeRateVTokens": "1",
         "isBorrowable": false,
+        "isBorrowableByUser": false,
         "isCollateralOfUser": false,
         "liquidationThresholdPercentage": 80,
         "liquidityCents": "1702951959",
@@ -278,6 +280,7 @@ exports[`useGetPool > returns the correct asset 1`] = `
         ],
         "exchangeRateVTokens": "0.981982",
         "isBorrowable": true,
+        "isBorrowableByUser": true,
         "isCollateralOfUser": false,
         "liquidationThresholdPercentage": 80,
         "liquidityCents": "5534102886",
@@ -397,6 +400,7 @@ exports[`useGetPool > returns the correct asset 1`] = `
         ],
         "exchangeRateVTokens": "1.000003",
         "isBorrowable": true,
+        "isBorrowableByUser": true,
         "isCollateralOfUser": false,
         "liquidationThresholdPercentage": 80,
         "liquidityCents": "3654492935",

apps/evm/src/clients/api/queries/useGetPools/__tests__/__snapshots__/index.eMode.spec.ts.snap

@@ -66,14 +66,11 @@ export const generateFakeEModeGroup = ({
             : convertFactorFromSmartContract({
                 factor: new BigNumber(market.collateralFactorMantissa),
               }) + 0.1,
-        liquidationThresholdPercentage: liquidationThresholdPercentage + 12,
-        liquidationPenaltyPercentage: liquidationThresholdPercentage - 50,
+        liquidationThresholdPercentage: i > 3 ? 0 : liquidationThresholdPercentage + 12,
+        liquidationPenaltyPercentage: i > 3 ? 0 : liquidationThresholdPercentage - 50,
         liquidityCents: liquidityTokens.multipliedBy(100).toNumber(),
         liquidityTokens,
-        isBorrowable:
-          underlyingToken.symbol !== 'XVS' &&
-          underlyingToken.symbol !== 'BTCB' &&
-          underlyingToken.symbol !== 'BUSD',
+        isBorrowable: i > 3,
       };
 
       return [...acc, assetSettings];

apps/evm/src/clients/api/queries/useGetPools/__tests__/__snapshots__/index.prime.spec.ts.snap

@@ -80,7 +80,7 @@ export const formatOutput = ({
           name: 'DeFi',
           tokens,
           chainId,
-          apiMarkets: apiPool.markets.slice(2, 8),
+          apiMarkets: apiPool.markets.slice(5, 12),
         }),
         generateFakeEModeGroup({
           id: 2,
@@ -153,6 +153,8 @@ export const formatOutput = ({
         factor: new BigNumber(market.collateralFactorMantissa),
       });
 
+      const isBorrowable = true; // TODO: fetch from API
+
       let userCollateralFactor = collateralFactor;
       let isCollateralOfUser = !!userCollateralVTokenAddresses.some(address =>
         areAddressesEqual(address, vToken.address),
@@ -163,6 +165,7 @@ export const formatOutput = ({
       );
 
       let userLiquidationThresholdPercentage = liquidationThresholdPercentage;
+      let isBorrowableByUser = isBorrowable;
 
       if (userEModeGroup) {
         const eModeAssetSettings = userEModeGroup.assetSettings.find(settings =>
@@ -175,6 +178,10 @@ export const formatOutput = ({
           // If user has enabled an E-mode group and that asset is not in it, then it doesn't count as a user collateral
           0;
 
+        // If user has enabled an E-mode group and that asset is not in it, or is not borrowable in
+        // it, then it can't be borrowed by the user
+        isBorrowableByUser = eModeAssetSettings?.isBorrowable || false;
+
         userLiquidationThresholdPercentage =
           eModeAssetSettings?.liquidationThresholdPercentage ?? liquidationThresholdPercentage;
 
@@ -322,7 +329,8 @@ export const formatOutput = ({
         userWalletBalanceCents,
         userCollateralFactor,
         userLiquidationThresholdPercentage,
-        isBorrowable: true, // TODO: get from API
+        isBorrowable, // TODO: get from API
+        isBorrowableByUser,
         // This will be calculated after all assets have been formatted
         userPercentOfLimit: 0,
         isCollateralOfUser,

apps/evm/src/clients/api/queries/useGetPools/__tests__/__snapshots__/index.spec.ts.snap

@@ -5,7 +5,7 @@ import { Icon, type IconName } from '../Icon';
 import { Tooltip } from '../Tooltip';
 
 export interface InfoIconProps {
-  tooltip: string | React.ReactElement;
+  tooltip: string | React.ReactNode;
   iconName?: IconName;
   iconClassName?: string;
   className?: string;

apps/evm/src/clients/api/queries/useGetPools/getPools/formatOutput/generateFakeEModeGroup.tsx renamed to apps/evm/src/clients/api/queries/useGetPools/getPools/formatOutput/generateFakeEModeGroup/index.tsx

@@ -13,7 +13,7 @@ import { TooltipContent } from './TooltipContent';
 
 export interface TooltipProps extends TooltipPrimitiveProps {
   className?: string;
-  content: string | React.ReactElement;
+  content: string | React.ReactNode;
 }
 
 export const Tooltip = ({ className, content, children, ...props }: TooltipProps) => {