chore: update home page banner

src/app/page.tsx

@@ -32,9 +32,9 @@ import { isMobile } from 'react-device-detect';
 
 const banner_images = [
   {
-    desktop: '/banners/ognft.svg',
-    mobile: '/banners/ognft_small.svg',
-    link: 'https://x.com/strkfarm/status/1788558092109775029',
+    desktop: '/banners/endur.svg',
+    mobile: '/banners/endur_mobile.svg',
+    link: 'https://endur.fi',
   },
   {
     desktop: '/banners/seed_grant.svg',

src/components/Strategies.tsx

@@ -1,4 +1,4 @@
-import CONSTANTS from '@/constants';
+import { usePagination } from '@ajna/pagination';
 import {
   Container,
   Link,
@@ -13,13 +13,16 @@ import {
 } from '@chakra-ui/react';
 import { useAtomValue } from 'jotai';
 import React, { useMemo } from 'react';
+
+import CONSTANTS from '@/constants';
 import { filteredPools } from '@/store/protocols';
-import { usePagination } from '@ajna/pagination';
-import { YieldStrategyCard } from './YieldCard';
 import {
   STRKFarmBaseAPYsAtom,
   STRKFarmStrategyAPIResult,
 } from '@/store/strkfarm.atoms';
+
+import { YieldStrategyCard } from './YieldCard';
+
 export default function Strategies() {
   const strkFarmPoolsRes = useAtomValue(STRKFarmBaseAPYsAtom);
   const strkFarmPools = useMemo(() => {

src/components/YieldCard.tsx

@@ -1,5 +1,13 @@
+import shield from '@/assets/shield.svg';
 import CONSTANTS from '@/constants';
+import { addressAtom } from '@/store/claims.atoms';
 import { PoolInfo } from '@/store/pools';
+import { getPoolInfoFromStrategy, sortAtom } from '@/store/protocols';
+import { STRKFarmStrategyAPIResult } from '@/store/strkfarm.atoms';
+import { UserStats, userStatsAtom } from '@/store/utils.atoms';
+import { StrategyLiveStatus } from '@/strategies/IStrategy';
+import { getDisplayCurrencyAmount } from '@/utils';
+import { TriangleDownIcon, TriangleUpIcon } from '@chakra-ui/icons';
 import {
   Avatar,
   AvatarGroup,
@@ -21,17 +29,9 @@ import {
   Tr,
   VStack,
 } from '@chakra-ui/react';
-import shield from '@/assets/shield.svg';
-import { StrategyLiveStatus } from '@/strategies/IStrategy';
 import { useAtomValue } from 'jotai';
-import { getDisplayCurrencyAmount } from '@/utils';
-import { addressAtom } from '@/store/claims.atoms';
-import { FaWallet } from 'react-icons/fa';
-import { UserStats, userStatsAtom } from '@/store/utils.atoms';
-import { getPoolInfoFromStrategy, sortAtom } from '@/store/protocols';
-import { TriangleDownIcon, TriangleUpIcon } from '@chakra-ui/icons';
 import mixpanel from 'mixpanel-browser';
-import { STRKFarmStrategyAPIResult } from '@/store/strkfarm.atoms';
+import { FaWallet } from 'react-icons/fa';
 
 interface YieldCardProps {
   pool: PoolInfo;

src/store/endur.store.ts

@@ -0,0 +1,52 @@
+import { atom } from 'jotai';
+import { atomWithQuery } from 'jotai-tanstack-query';
+
+import fetchWithRetry from '@/utils/fetchWithRetry';
+
+import { IDapp } from './IDapp.store';
+import { PoolInfo } from './pools';
+
+interface PoolData {
+  tvl: number;
+  apr: {
+    percentage: number;
+    apr_cl: number;
+    apr: number;
+    incentive_apr: number;
+  };
+}
+
+interface IndexedPoolData {
+  [key: string]: PoolData[];
+}
+
+export class Endur extends IDapp<IndexedPoolData> {
+  name = 'Endur';
+  link = 'https://endur.fi';
+  logo = 'https://endur.fi/favicon.ico';
+  incentiveDataKey: string = 'Endur';
+}
+
+export const endur = new Endur();
+
+const EndurAtoms = {
+  endurStats: atomWithQuery((_get) => ({
+    queryKey: ['Endur_APY'],
+    queryFn: async ({ queryKey: _ }) => {
+      const url = 'https://testnet.endur.fi/api/stats';
+      const response = await fetchWithRetry(url);
+
+      if (!response) return null;
+
+      const data = await response.json();
+
+      return data;
+    },
+  })),
+  pools: atom((_get) => {
+    const empty: PoolInfo[] = [];
+    return empty;
+  }),
+};
+
+export default EndurAtoms;

src/store/protocols.ts

@@ -1,23 +1,28 @@
+import strkfarmLogo from '@public/logo.png';
+import { atom } from 'jotai';
+import CarmineAtoms, { carmine } from './carmine.store';
 import EkuboAtoms, { ekubo } from './ekobu.store';
 import HaikoAtoms, { haiko } from './haiko.store';
 import HashstackAtoms, { hashstack } from './hashstack.store';
 import MySwapAtoms, { mySwap } from './myswap.store';
-import NostraDexAtoms, { nostraDex } from './nostradex.store';
 import NostraDegenAtoms, { nostraDegen } from './nostradegen.store';
+import NostraDexAtoms, { nostraDex } from './nostradex.store';
 import NostraLendingAtoms, { nostraLending } from './nostralending.store';
-import VesuAtoms, { vesu } from './vesu.store';
-import ZkLendAtoms, { zkLend } from './zklend.store';
-import CarmineAtoms, { carmine } from './carmine.store';
-import { atom } from 'jotai';
 import { Category, PoolInfo, PoolType } from './pools';
-import strkfarmLogo from '@public/logo.png';
+import { getLiveStatusEnum } from './strategies.atoms';
 import STRKFarmAtoms, {
   strkfarm,
   STRKFarmStrategyAPIResult,
 } from './strkfarm.atoms';
-import { getLiveStatusEnum } from './strategies.atoms';
+import VesuAtoms, { vesu } from './vesu.store';
+import ZkLendAtoms, { zkLend } from './zklend.store';
 
 export const PROTOCOLS = [
+  // {
+  //   name: endur.name,
+  //   class: endur,
+  //   atoms: EndurAtoms,
+  // },
   {
     name: strkfarm.name,
     class: strkfarm,
@@ -106,11 +111,12 @@ const allProtocols = PROTOCOLS.map((p) => ({
   name: p.name,
   logo: p.class.logo,
 }));
+
 export const filters = {
   categories: [...Object.values(Category)],
   types: [...Object.values(PoolType)],
   protocols: allProtocols.filter(
-    (p, index) => allProtocols.findIndex((_p) => _p.name == p.name) == index,
+    (p, index) => allProtocols.findIndex((_p) => _p.name === p.name) === index,
   ),
 };