feat: add group logic to E-mode tab (#4765)

* feat: add isBorrowable prop to Asset and EModeAssetSettings types

* feat: show borrowable state of assets

* feat: add logic to E-mode tab

* chore: add changeset

Author: therealemjy

.changeset/thin-groups-dig.md

@@ -0,0 +1,5 @@
+---
+"@venusprotocol/evm": minor
+---
+
+add group logic to E-mode

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

@@ -23,6 +23,8 @@ export const assetData: Asset[] = [
     badDebtMantissa: 6789000000000000000n,
     supplierCount: 100,
     borrowerCount: 10,
+    isBorrowable: true,
+    isBorrowableByUser: true,
     exchangeRateVTokens: new BigNumber(49.589181233),
     userWalletBalanceTokens: new BigNumber('100'),
     userWalletBalanceCents: new BigNumber('12786'),
@@ -92,6 +94,8 @@ export const assetData: Asset[] = [
     badDebtMantissa: 0n,
     supplierCount: 100,
     borrowerCount: 10,
+    isBorrowable: false,
+    isBorrowableByUser: false,
     exchangeRateVTokens: new BigNumber(1),
     userWalletBalanceTokens: new BigNumber('0'),
     userWalletBalanceCents: new BigNumber('0'),
@@ -179,6 +183,8 @@ export const assetData: Asset[] = [
     badDebtMantissa: 0n,
     supplierCount: 100,
     borrowerCount: 10,
+    isBorrowable: true,
+    isBorrowableByUser: true,
     exchangeRateVTokens: new BigNumber(0.981982),
     userWalletBalanceTokens: new BigNumber('900'),
     userWalletBalanceCents: new BigNumber('90000'),
@@ -262,6 +268,8 @@ export const assetData: Asset[] = [
     badDebtMantissa: 0n,
     supplierCount: 100,
     borrowerCount: 10,
+    isBorrowable: true,
+    isBorrowableByUser: true,
     exchangeRateVTokens: new BigNumber(1.000003),
     userWalletBalanceTokens: new BigNumber('110'),
     userWalletBalanceCents: new BigNumber('11000'),

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

@@ -5,38 +5,34 @@ const generateEModeGroup = ({
   groupAssets,
   id,
   name,
-  description,
-}: { groupAssets: Asset[]; id: number; name: string; description: string }) => ({
+}: { groupAssets: Asset[]; id: number; name: string }): EModeGroup => ({
   id,
   name,
-  description,
   assetSettings: groupAssets.map(a => ({
     vToken: a.vToken,
     collateralFactor: a.userCollateralFactor + 0.1,
     liquidationThresholdPercentage: a.userLiquidationThresholdPercentage + 12,
     liquidationPenaltyPercentage: a.userLiquidationThresholdPercentage - 50,
     liquidityCents: a.liquidityCents.toNumber(),
     liquidityTokens: a.cashTokens,
+    isBorrowable: a.isBorrowable,
   })),
 });
 
 export const eModeGroups: EModeGroup[] = [
   generateEModeGroup({
     id: 0,
     name: 'Stablecoins',
-    description: 'This block contains the assets of this category',
     groupAssets: assetData.slice(0, 3),
   }),
   generateEModeGroup({
     id: 1,
     name: 'DeFi',
-    description: 'This block contains the assets of this category',
     groupAssets: assetData.slice(2, 4),
   }),
   generateEModeGroup({
     id: 2,
     name: '#ToTheMoon',
-    description: 'This block contains the assets of this category',
     groupAssets: assetData.slice(5, 8),
   }),
 ];

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

@@ -36,6 +36,8 @@ exports[`useGetAsset > returns the correct asset 1`] = `
     "collateralFactor": 0.5,
     "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

@@ -38,6 +38,8 @@ exports[`useGetPool > returns the correct asset 1`] = `
         "collateralFactor": 0.5,
         "disabledTokenActions": [],
         "exchangeRateVTokens": "49.589181233",
+        "isBorrowable": true,
+        "isBorrowableByUser": true,
         "isCollateralOfUser": true,
         "liquidationThresholdPercentage": 50,
         "liquidityCents": "8036465875",
@@ -149,6 +151,8 @@ exports[`useGetPool > returns the correct asset 1`] = `
           "supply",
         ],
         "exchangeRateVTokens": "1",
+        "isBorrowable": false,
+        "isBorrowableByUser": false,
         "isCollateralOfUser": false,
         "liquidationThresholdPercentage": 80,
         "liquidityCents": "1702951959",
@@ -275,6 +279,8 @@ exports[`useGetPool > returns the correct asset 1`] = `
           "swapAndSupply",
         ],
         "exchangeRateVTokens": "0.981982",
+        "isBorrowable": true,
+        "isBorrowableByUser": true,
         "isCollateralOfUser": false,
         "liquidationThresholdPercentage": 80,
         "liquidityCents": "5534102886",
@@ -393,6 +399,8 @@ exports[`useGetPool > returns the correct asset 1`] = `
           "supply",
         ],
         "exchangeRateVTokens": "1.000003",
+        "isBorrowable": true,
+        "isBorrowableByUser": true,
         "isCollateralOfUser": false,
         "liquidationThresholdPercentage": 80,
         "liquidityCents": "3654492935",
@@ -482,6 +490,7 @@ exports[`useGetPool > returns the correct asset 1`] = `
         "assetSettings": [
           {
             "collateralFactor": 0.6,
+            "isBorrowable": true,
             "liquidationPenaltyPercentage": 0,
             "liquidationThresholdPercentage": 62,
             "liquidityCents": 8036465875,
@@ -500,6 +509,7 @@ exports[`useGetPool > returns the correct asset 1`] = `
           },
           {
             "collateralFactor": 0.9,
+            "isBorrowable": false,
             "liquidationPenaltyPercentage": 30,
             "liquidationThresholdPercentage": 92,
             "liquidityCents": 1702951959,
@@ -518,6 +528,7 @@ exports[`useGetPool > returns the correct asset 1`] = `
           },
           {
             "collateralFactor": 0.9,
+            "isBorrowable": true,
             "liquidationPenaltyPercentage": 30,
             "liquidationThresholdPercentage": 92,
             "liquidityCents": 5534102886,
@@ -535,14 +546,14 @@ exports[`useGetPool > returns the correct asset 1`] = `
             },
           },
         ],
-        "description": "This block contains the assets of this category",
         "id": 0,
         "name": "Stablecoins",
       },
       {
         "assetSettings": [
           {
             "collateralFactor": 0.9,
+            "isBorrowable": true,
             "liquidationPenaltyPercentage": 30,
             "liquidationThresholdPercentage": 92,
             "liquidityCents": 5534102886,
@@ -561,6 +572,7 @@ exports[`useGetPool > returns the correct asset 1`] = `
           },
           {
             "collateralFactor": 0.9,
+            "isBorrowable": true,
             "liquidationPenaltyPercentage": 30,
             "liquidationThresholdPercentage": 92,
             "liquidityCents": 3654492935,
@@ -578,13 +590,11 @@ exports[`useGetPool > returns the correct asset 1`] = `
             },
           },
         ],
-        "description": "This block contains the assets of this category",
         "id": 1,
         "name": "DeFi",
       },
       {
         "assetSettings": [],
-        "description": "This block contains the assets of this category",
         "id": 2,
         "name": "#ToTheMoon",
       },