refactor: PoolCore, remove pool.displayTokens, new display token functions

.github/dependabot.yml

@@ -0,0 +1,16 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://docs.github.com/code-security/dependabot/dependabot-version-updates/configuration-options-for-the-dependabot.yml-file
+
+version: 2
+updates:
+  - package-ecosystem: "npm"
+    directories:
+      - /
+      - /apps/frontend-v3
+      - /apps/beets-frontend-v3
+      - /packages/lib
+    schedule:
+      interval: "weekly"
+    open-pull-requests-limit: 4

apps/beets-frontend-v3/app/(app)/pools/[chain]/[variant]/[id]/layout.tsx

@@ -1,11 +1,6 @@
 /* eslint-disable max-len */
-import { FetchPoolProps } from '@repo/lib/modules/pool/pool.types'
-import {
-  ChainSlug,
-  getChainSlug,
-  getPoolDisplayTokens,
-  getPoolTypeLabel,
-} from '@repo/lib/modules/pool/pool.utils'
+import { FetchPoolProps, PoolCore } from '@repo/lib/modules/pool/pool.types'
+import { ChainSlug, getChainSlug, getPoolTypeLabel } from '@repo/lib/modules/pool/pool.utils'
 import { PropsWithChildren, Suspense } from 'react'
 import { PoolDetailSkeleton } from '@repo/lib/modules/pool/PoolDetail/PoolDetailSkeleton'
 import { getApolloServerClient } from '@repo/lib/shared/services/api/apollo-server.client'
@@ -15,6 +10,7 @@ import { PoolProvider } from '@repo/lib/modules/pool/PoolProvider'
 import { arrayToSentence } from '@repo/lib/shared/utils/strings'
 import { ensureError } from '@repo/lib/shared/utils/errors'
 import { notFound } from 'next/navigation'
+import { getUserReferenceTokens } from '@repo/lib/modules/pool/pool.tokens.utils'
 
 type Props = PropsWithChildren<{
   params: Omit<FetchPoolProps, 'chain'> & { chain: ChainSlug }
@@ -48,7 +44,7 @@ export async function generateMetadata({
   const pool = data?.pool
   if (!pool) return {}
 
-  const displayTokens = getPoolDisplayTokens(pool)
+  const displayTokens = getUserReferenceTokens(pool as PoolCore)
   const poolTokenString = arrayToSentence(displayTokens.map(token => token.symbol))
 
   return {

apps/beets-frontend-v3/app/(app)/pools/layout.tsx

@@ -4,9 +4,9 @@ import { PropsWithChildren } from 'react'
 export const metadata: Metadata = {
   title: 'Beets DeFi Liquidity Pools',
   description: `
-    Explore DeFi liquidity pools or create your own.
-    Provide liquidity to accumulate yield from swap fees
-    while retaining your token exposure as prices move.
+    Fuel your liquidity.
+    Earn yield from swap fees, incentives, and more.
+    Create and customize pools tailored to your strategy.
   `,
 }
 

apps/beets-frontend-v3/app/(app)/pools/page.tsx

@@ -7,9 +7,9 @@ import { Suspense } from 'react'
 // import { getProjectConfig } from '@repo/lib/config/getProjectConfig'
 // import { GetFeaturedPoolsDocument } from '@repo/lib/shared/services/api/generated/graphql'
 // import { FeaturedPools } from '@repo/lib/modules/featured-pools/FeaturedPools'
-import { CowPromoBanner } from '@repo/lib/shared/components/promos/CowPromoBanner'
 import { PoolListDisplayType } from '@repo/lib/modules/pool/pool.types'
 import { GqlPoolType } from '@repo/lib/shared/services/api/generated/graphql'
+import { BeetsPromoBanner } from '@/lib/components/promos/BeetsPromoBanner'
 
 export default async function PoolsPage() {
   // Featured pools set up
@@ -29,11 +29,11 @@ export default async function PoolsPage() {
 
   return (
     <>
-      <Box bg="background.level0" borderBottom="1px solid" borderColor="border.base">
+      <Box>
         <DefaultPageContainer pb={['xl', '2xl']} pt={['xl', '40px']}>
           <FadeInOnView animateOnce={false}>
             <Box>
-              <CowPromoBanner />
+              <BeetsPromoBanner />
             </Box>
           </FadeInOnView>
           {/* <FadeInOnView animateOnce={false}>
@@ -48,13 +48,13 @@ export default async function PoolsPage() {
           <Suspense fallback={<Skeleton h="500px" w="full" />}>
             <PoolList
               displayType={PoolListDisplayType.Name}
-              hidePoolTags={['VE8020']}
+              hidePoolTags={['VE8020', 'BOOSTED']}
               hidePoolTypes={[
                 GqlPoolType.LiquidityBootstrapping,
                 GqlPoolType.CowAmm,
                 GqlPoolType.Fx,
               ]}
-              hideProtocolVersion={['cow']}
+              hideProtocolVersion={['cow', 'v3']}
             />
           </Suspense>
         </FadeInOnView>

apps/beets-frontend-v3/app/(app)/pools/cow/page.tsx → apps/beets-frontend-v3/app/(app)/pools/sonic/page.tsx

@@ -1,34 +1,20 @@
+import { BeetsPromoBanner } from '@/lib/components/promos/BeetsPromoBanner'
+import { Box, Skeleton } from '@chakra-ui/react'
+import { PoolListDisplayType } from '@repo/lib/modules/pool/pool.types'
 import { PoolList } from '@repo/lib/modules/pool/PoolList/PoolList'
+import { DefaultPageContainer } from '@repo/lib/shared/components/containers/DefaultPageContainer'
 import FadeInOnView from '@repo/lib/shared/components/containers/FadeInOnView'
-import { GqlPoolType } from '@repo/lib/shared/services/api/generated/graphql'
-import { Box, Skeleton } from '@chakra-ui/react'
+import { GqlChain, GqlPoolType } from '@repo/lib/shared/services/api/generated/graphql'
 import { Suspense } from 'react'
-import { Metadata } from 'next'
-import { CowFooter } from '@repo/lib/shared/components/navs/CowFooter'
-import { DefaultPageContainer } from '@repo/lib/shared/components/containers/DefaultPageContainer'
-import { CowHeader } from '@repo/lib/shared/components/navs/CowHeader'
-
-export const metadata: Metadata = {
-  title: `CoW AMM DeFi Liquidity Pools`,
-  description: `
-    CoW AMM protects LPs from LVR so they can provide liquidity
-    with less risk and more return.
-  `,
-}
 
 export default function PoolsPage() {
   return (
     <>
-      <Box
-        bg="background.level0"
-        borderBottom="0.5px solid"
-        borderColor="border.base"
-        shadow="innerBase"
-      >
+      <Box>
         <DefaultPageContainer pb={['xl', '2xl']} pt={['xl', '40px']}>
           <FadeInOnView animateOnce={false}>
             <Box>
-              <CowHeader />
+              <BeetsPromoBanner />
             </Box>
           </FadeInOnView>
         </DefaultPageContainer>
@@ -37,12 +23,20 @@ export default function PoolsPage() {
       <DefaultPageContainer noVerticalPadding pb={['xl', '2xl']} pt={['lg', '54px']}>
         <FadeInOnView animateOnce={false}>
           <Suspense fallback={<Skeleton h="500px" w="full" />}>
-            <PoolList fixedPoolTypes={[GqlPoolType.CowAmm]} />
+            <PoolList
+              displayType={PoolListDisplayType.Name}
+              fixedChains={[GqlChain.Sonic]}
+              hidePoolTags={['VE8020', 'BOOSTED']}
+              hidePoolTypes={[
+                GqlPoolType.LiquidityBootstrapping,
+                GqlPoolType.CowAmm,
+                GqlPoolType.Fx,
+              ]}
+              hideProtocolVersion={['cow', 'v3']}
+            />
           </Suspense>
         </FadeInOnView>
       </DefaultPageContainer>
-
-      <CowFooter />
     </>
   )
 }

apps/beets-frontend-v3/app/(app)/portfolio/[chain]/page.tsx

@@ -3,7 +3,7 @@ import { PoolName } from '@repo/lib/modules/pool/PoolName'
 import { Pool } from '@repo/lib/modules/pool/PoolProvider'
 import { ClaimModal } from '@repo/lib/modules/pool/actions/claim/ClaimModal'
 import { ClaimProvider } from '@repo/lib/modules/pool/actions/claim/ClaimProvider'
-import { ChainSlug, getChainSlug, getPoolDisplayTokens } from '@repo/lib/modules/pool/pool.utils'
+import { ChainSlug, getChainSlug } from '@repo/lib/modules/pool/pool.utils'
 // eslint-disable-next-line max-len
 import { ClaimNetworkPoolsLayout } from '@repo/lib/modules/portfolio/PortfolioClaim/ClaimNetworkPools/ClaimNetworkPoolsLayout'
 import { usePortfolio } from '@repo/lib/modules/portfolio/PortfolioProvider'
@@ -15,6 +15,8 @@ import { Button, Card, HStack, Heading, Skeleton, Stack, Text, VStack } from '@c
 import { capitalize } from 'lodash'
 import { useParams } from 'next/navigation'
 import { useState } from 'react'
+import { getUserReferenceTokens } from '@repo/lib/modules/pool/pool.tokens.utils'
+import { PoolCore } from '@repo/lib/modules/pool/pool.types'
 
 export default function NetworkClaim() {
   const { toCurrency } = useCurrency()
@@ -76,7 +78,7 @@ export default function NetworkClaim() {
                         <TokenIconStack
                           chain={pool.chain}
                           size={36}
-                          tokens={getPoolDisplayTokens(pool)}
+                          tokens={getUserReferenceTokens(pool as PoolCore)}
                         />
                         {hasMultipleClaims && (
                           <Button

apps/beets-frontend-v3/app/(app)/stake/layout.tsx

@@ -0,0 +1,8 @@
+'use client'
+
+import { DefaultPageContainer } from '@repo/lib/shared/components/containers/DefaultPageContainer'
+import { PropsWithChildren } from 'react'
+
+export default function LstLayout({ children }: PropsWithChildren) {
+  return <DefaultPageContainer minH="100vh">{children}</DefaultPageContainer>
+}

apps/beets-frontend-v3/app/(app)/stake/page.tsx

@@ -0,0 +1,12 @@
+'use client'
+
+import { Lst } from '@/lib/modules/lst/Lst'
+import LstProvidersLayout from '@/lib/modules/lst/LstProvidersLayout'
+
+export default function LstPage() {
+  return (
+    <LstProvidersLayout>
+      <Lst />
+    </LstProvidersLayout>
+  )
+}