feat: add Kernel points [skip cypress] (#2335)

NandyBa · web-flow · commit 66c07e126de7 · 2025-02-24T21:10:58.000-06:00
diff --git a/public/icons/other/kernel.svg b/public/icons/other/kernel.svg
@@ -0,0 +1 @@
+<svg width="2400" height="2400" viewBox="0 0 2400 2400" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="1199.5" cy="1200.5" r="1137.5" fill="#CA4326"/><path d="M1473.43 1583.8H926.215V1693h547.215v-109.2Zm-328.33-328.23h-109.44v109.2h109.44v-109.2Zm218.9 0h-109.45v109.2H1364v-109.2ZM1473.43 708H926.215v109.201h547.215V708Zm-218.88 657.07h-109.44v109.21h109.44v-109.21Zm0-438.041h-109.44v109.201h109.44V927.029ZM1364 1036.53h-109.45v109.21H1364v-109.21Zm-218.9 0h-109.44v109.21h109.44v-109.21ZM1692 926.712h-109.44v547.568H1692V926.712ZM816.443 1145.74V926.712H707v219.028h.317v328.54h109.444v-328.54h-.318Z" fill="#fff"/></svg>
diff --git a/src/components/infoTooltips/KernelAirdropTooltip.tsx b/src/components/infoTooltips/KernelAirdropTooltip.tsx
@@ -0,0 +1,34 @@
+import { Trans } from '@lingui/macro';
+
+import { Link } from '../primitives/Link';
+import { TextWithTooltip } from '../TextWithTooltip';
+
+export const KernelAirdropTooltip = () => {
+  return (
+    <TextWithTooltip
+      wrapperProps={{ ml: 2 }}
+      color="warning.main"
+      iconSize={20}
+      icon={<image href="/icons/other/kernel.svg" width={25} height={25} />}
+    >
+      <>
+        <Trans>
+          {`This asset is eligible for Kernel points incentive program. Aave Labs does not
+          guarantee the program and accepts no liability.\n`}
+        </Trans>
+        <br />
+        <br />
+        <Trans>{'Learn more about the Kernel points distribution'}</Trans>{' '}
+        <Link
+          href="https://kerneldao.gitbook.io/kernel/getting-started/editor/kernel-points-guide "
+          sx={{ textDecoration: 'underline' }}
+          variant="caption"
+          color="text.secondary"
+        >
+          {'here'}
+        </Link>
+        {'.'}
+      </>
+    </TextWithTooltip>
+  );
+};
diff --git a/src/locales/el/messages.js b/src/locales/el/messages.js
diff --git a/src/locales/en/messages.js b/src/locales/en/messages.js
diff --git a/src/locales/en/messages.po b/src/locales/en/messages.po
@@ -1282,6 +1282,10 @@ msgstr "View Bridge Transactions"
 msgid "Invalid return value of the flashloan executor function"
 msgstr "Invalid return value of the flashloan executor function"
 
+#: src/components/infoTooltips/KernelAirdropTooltip.tsx
+msgid "Learn more about the Kernel points distribution"
+msgstr "Learn more about the Kernel points distribution"
+
 #: src/components/isolationMode/IsolatedBadge.tsx
 msgid "Asset can be only used as collateral in isolation mode with limited borrowing power. To enter isolation mode, disable all other collateral."
 msgstr "Asset can be only used as collateral in isolation mode with limited borrowing power. To enter isolation mode, disable all other collateral."
@@ -3153,6 +3157,10 @@ msgstr "Maximum amount available to borrow is limited because protocol borrow ca
 msgid "COPY IMAGE"
 msgstr "COPY IMAGE"
 
+#: src/components/infoTooltips/KernelAirdropTooltip.tsx
+msgid "This asset is eligible for Kernel points incentive program. Aave Labs does not guarantee the program and accepts no liability."
+msgstr "This asset is eligible for Kernel points incentive program. Aave Labs does not guarantee the program and accepts no liability."
+
 #: src/components/transactions/DebtSwitch/DebtSwitchModalContent.tsx
 msgid "Insufficient collateral to cover new borrow position. Wallet must have borrowing power remaining to perform debt switch."
 msgstr "Insufficient collateral to cover new borrow position. Wallet must have borrowing power remaining to perform debt switch."
diff --git a/src/locales/es/messages.js b/src/locales/es/messages.js
diff --git a/src/locales/fr/messages.js b/src/locales/fr/messages.js
diff --git a/src/modules/dashboard/lists/ListItemWrapper.tsx b/src/modules/dashboard/lists/ListItemWrapper.tsx
@@ -1,6 +1,7 @@
 import { Tooltip, Typography } from '@mui/material';
 import { ReactNode } from 'react';
 import { BorrowDisabledToolTip } from 'src/components/infoTooltips/BorrowDisabledToolTip';
+import { KernelAirdropTooltip } from 'src/components/infoTooltips/KernelAirdropTooltip';
 import { OffboardingTooltip } from 'src/components/infoTooltips/OffboardingToolTip';
 import { PausedTooltip } from 'src/components/infoTooltips/PausedTooltip';
 import { SpkAirdropTooltip } from 'src/components/infoTooltips/SpkAirdropTooltip';
@@ -54,6 +55,7 @@ export const ListItemWrapper = ({
   showExternalIncentivesTooltips = {
     superFestRewards: false,
     spkAirdrop: false,
+    kernelPoints: false,
   },
   ...rest
 }: ListItemWrapperProps) => {
@@ -93,6 +95,7 @@ export const ListItemWrapper = ({
         {paused && <PausedTooltip />}
         {showExternalIncentivesTooltips.superFestRewards && <SuperFestTooltip />}
         {showExternalIncentivesTooltips.spkAirdrop && <SpkAirdropTooltip />}
+        {showExternalIncentivesTooltips.kernelPoints && <KernelAirdropTooltip />}
         {showFrozenTooltip && <FrozenTooltip symbol={symbol} currentMarket={currentMarket} />}
         {showRenFilTooltip && <RenFILToolTip />}
         {showAmplTooltip && <AMPLToolTip />}
diff --git a/src/modules/dashboard/lists/ListMobileItemWrapper.tsx b/src/modules/dashboard/lists/ListMobileItemWrapper.tsx
@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { BorrowDisabledToolTip } from 'src/components/infoTooltips/BorrowDisabledToolTip';
+import { KernelAirdropTooltip } from 'src/components/infoTooltips/KernelAirdropTooltip';
 import { OffboardingTooltip } from 'src/components/infoTooltips/OffboardingToolTip';
 import { PausedTooltip } from 'src/components/infoTooltips/PausedTooltip';
 import { SpkAirdropTooltip } from 'src/components/infoTooltips/SpkAirdropTooltip';
@@ -51,6 +52,7 @@ export const ListMobileItemWrapper = ({
   showExternalIncentivesTooltips = {
     superFestRewards: false,
     spkAirdrop: false,
+    kernelPoints: false,
   },
 }: ListMobileItemWrapperProps) => {
   const WarningComponent: React.FC = () => {
@@ -66,6 +68,7 @@ export const ListMobileItemWrapper = ({
         {paused && <PausedTooltip />}
         {showExternalIncentivesTooltips.superFestRewards && <SuperFestTooltip />}
         {showExternalIncentivesTooltips.spkAirdrop && <SpkAirdropTooltip />}
+        {showExternalIncentivesTooltips.kernelPoints && <KernelAirdropTooltip />}
         {showFrozenTooltip && <FrozenTooltip symbol={symbol} currentMarket={currentMarket} />}
         {showRenFilTooltip && <RenFILToolTip />}
         {showAmplTooltip && <AMPLToolTip />}
diff --git a/src/modules/dashboard/lists/SupplyAssetsList/SupplyAssetsListMobileItem.tsx b/src/modules/dashboard/lists/SupplyAssetsList/SupplyAssetsListMobileItem.tsx
@@ -4,6 +4,7 @@ import { Box, Button } from '@mui/material';
 import { useAssetCaps } from 'src/hooks/useAssetCaps';
 import { useRootStore } from 'src/store/root';
 import { DashboardReserve } from 'src/utils/dashboardSortUtils';
+import { showExternalIncentivesTooltip } from 'src/utils/utils';
 
 import { CapsHint } from '../../../../components/caps/CapsHint';
 import { CapType } from '../../../../components/caps/helper';
@@ -52,6 +53,11 @@ export const SupplyAssetsListMobileItem = ({
       underlyingAsset={underlyingAsset}
       currentMarket={currentMarket}
       showDebtCeilingTooltips
+      showExternalIncentivesTooltips={showExternalIncentivesTooltip(
+        symbol,
+        currentMarket,
+        ProtocolAction.supply
+      )}
     >
       <ListValueRow
         title={<Trans>Supply balance</Trans>}
diff --git a/src/modules/markets/MarketAssetsListItem.tsx b/src/modules/markets/MarketAssetsListItem.tsx
@@ -2,6 +2,7 @@ import { ProtocolAction } from '@aave/contract-helpers';
 import { Trans } from '@lingui/macro';
 import { Box, Button, Typography } from '@mui/material';
 import { useRouter } from 'next/router';
+import { KernelAirdropTooltip } from 'src/components/infoTooltips/KernelAirdropTooltip';
 import { OffboardingTooltip } from 'src/components/infoTooltips/OffboardingToolTip';
 import { RenFILToolTip } from 'src/components/infoTooltips/RenFILToolTip';
 import { SpkAirdropTooltip } from 'src/components/infoTooltips/SpkAirdropTooltip';
@@ -103,6 +104,7 @@ export const MarketAssetsListItem = ({ ...reserve }: ComputedReserveData) => {
             <>
               {externalIncentivesTooltipsSupplySide.superFestRewards && <SuperFestTooltip />}
               {externalIncentivesTooltipsSupplySide.spkAirdrop && <SpkAirdropTooltip />}
+              {externalIncentivesTooltipsSupplySide.kernelPoints && <KernelAirdropTooltip />}
             </>
           }
           market={currentMarket}
diff --git a/src/modules/markets/MarketAssetsListMobileItem.tsx b/src/modules/markets/MarketAssetsListMobileItem.tsx
@@ -1,6 +1,7 @@
 import { ProtocolAction } from '@aave/contract-helpers';
 import { Trans } from '@lingui/macro';
 import { Box, Button, Divider } from '@mui/material';
+import { KernelAirdropTooltip } from 'src/components/infoTooltips/KernelAirdropTooltip';
 import { SpkAirdropTooltip } from 'src/components/infoTooltips/SpkAirdropTooltip';
 import { SuperFestTooltip } from 'src/components/infoTooltips/SuperFestTooltip';
 import { VariableAPYTooltip } from 'src/components/infoTooltips/VariableAPYTooltip';
@@ -74,6 +75,7 @@ export const MarketAssetsListMobileItem = ({ ...reserve }: ComputedReserveData)
             <>
               {externalIncentivesTooltipsSupplySide.superFestRewards && <SuperFestTooltip />}
               {externalIncentivesTooltipsSupplySide.spkAirdrop && <SpkAirdropTooltip />}
+              {externalIncentivesTooltipsSupplySide.kernelPoints && <KernelAirdropTooltip />}
             </>
           }
           market={currentMarket}
diff --git a/src/utils/utils.ts b/src/utils/utils.ts
@@ -78,6 +78,7 @@ export const roundToTokenDecimals = (inputValue: string, tokenDecimals: number)
 export type ExternalIncentivesTooltipsConfig = {
   superFestRewards: boolean;
   spkAirdrop: boolean;
+  kernelPoints: boolean;
 };
 
 export const showExternalIncentivesTooltip = (
@@ -87,10 +88,12 @@ export const showExternalIncentivesTooltip = (
 ) => {
   const superFestRewardsEnabled = false;
   const spkRewardsEnabled = true;
+  const kernelPointsEnabled = true;
 
   const tooltipsConfig: ExternalIncentivesTooltipsConfig = {
     superFestRewards: false,
     spkAirdrop: false,
+    kernelPoints: false,
   };
 
   if (
@@ -111,5 +114,17 @@ export const showExternalIncentivesTooltip = (
     tooltipsConfig.spkAirdrop = true;
   }
 
+  if (
+    kernelPointsEnabled &&
+    (currentMarket === CustomMarket.proto_mainnet_v3 ||
+      currentMarket === CustomMarket.proto_lido_v3 ||
+      currentMarket === CustomMarket.proto_base_v3 ||
+      currentMarket === CustomMarket.proto_arbitrum_v3) &&
+    protocolAction === ProtocolAction.supply &&
+    symbol == 'rsETH'
+  ) {
+    tooltipsConfig.kernelPoints = true;
+  }
+
   return tooltipsConfig;
 };
