merge from beets (#376)

* update pagination props

* add withdraw

* First pass on moving the theme towards the new brand

* add tinycolor2 types

* move to beets folder

* add min height

* fix alignment for last page

* Top level pass supporting new designs

* adjust input color

* darken the grays, fix input bgs

* update withdraw action

* update provider

* remove navlink

* clean up grays

* Revert some theme changes

* darker color for active button

* copy latest marketing page from balancer

* rename to Stake S

* chore: Landing page init

* chore: Add section

* Mocking additional sections

* layout staked sonic section

* updates for sonic

* preparing for sonic

* Fill in mabeets section

* align card heights

* Drop in staked sonic pieces

* build out social club section

* add staking bg

* Fix grow earn svg

* updated sts copy

* add balancer v3 section

* Add security section

* feat: add new isBufferAllowed field to gql tokens

* more sonic updates

* fix min deposit

* Add CTAs, clean up spacing

* mobile cleanup pass

* fix security spacing

* fix for sonic

* update contract addresses

* change path to sts

* split amounts

* update relayer address

* update withdraw

* add faq section

* update unstake & withdraw

* update hardcoded balancer references

* chore: Add animated title

* chore: Add hero bg image

* chore: Fix heading on mobile

* Swap out hero text

* Fix stS subheadline

* update label name to suggested one

* show pool creator for balancer

* add balancer sdk for wagmi generate

* Revert "show pool creator for balancer"

This reverts commit a39b191.

* chore: add sonic integration test

* use correct pool creator url

* put back tokens

* update token input checks

* refetch balances on success

* only show appzi for balancer

* update refetching withdrawal requests

* update favicon

* show dark/light switcher for balancer

* update policies

* rename for clarity

* show pool name for beets

* hide boosted and v3

* block adding liq here

* add a space

* fix wnativeasset address

* chore: Change hero spacing

* feat: LZBEETS migrator

* Clean up, hook up mabeets link

* Add mabeets link

* fix twitter link

* Use new logo

* fix link

* updated with infographic

* fix alignment

* remove sub stats

* fix type error

* updated banner

* update footer copy

* Add migration link

* fill out faq

* fix mobile nav

* fix promo banner

* Fix copy

* add discord redirect

* move to lib/modules

* add risks page

* Add better migration image

* clean up migration copy

* iterating on migration flow

* add protocol data

* remove brand assets link

* update svg

* update mobile nav

* reduce the height

* hide "to sonic" on smaller screens

* add opengraph image

* Swap liquidity for yield, force white for final color

* update metadata

* set a metadata base

* update package.json

* Add sonic pools list

* fix build error

* beets migrator

* temp add ccontract

* remove overrides again

* add approval flow

* only show boost for balancer

* switch to drpc

* update faq txt

* add migration guide links

* add links to data cards

* update migrator

* updated copy

* add landing modal

* push copy change

* fix case

* add sts data

* manually add mc3

* chore: bump to sdk 1.0.2

* typo

* add & view sts data

* Add audit link

* Improve validator selection

* fixes


* Add network dropdown for pools

* add checkbox to hide modal

* fix hydration error

* add note to unstake flow

* add sfc contract

* update contracts again

* fix multicall

* update hook

* update hook

* refactor: Lst component

* added stats section, hiding charts currently

* shrink stats

* clean up

* specify bg color explicitly

* set correct default network

* format token amount

* data hook up

* extend rate label

* update faq text

* push updated copy

* remove lzbeets migrator button here

* add aprs to mabeets

* remove risks link

* scroll to anchor

* fix mabeets apr calc

* fix apr calc

* use beets opengraph image

* add icons

* add sonic-logo

* Add amount received for stake and unstake

* fix missing button

* Add lz beets migration modal

* add network switch, uncomment code

* fix approval flow

* Filter pools based on connected network

* use custom format

* add logouri

* update lst withdraw flow

* add withdraw request helper

* fix withdraw flow

* fix: use dRPC in integration test fork

* chore: add blocknumber for sonic

* chore: add gnosis fork blocknumber

* update customLinks

* remove unstake receipt parser

* update receipt parsers

---------

Co-authored-by: Daniel <[email protected]>
Co-authored-by: Gareth Fuller <[email protected]>
Co-authored-by: Alberto Gualis <[email protected]>
Co-authored-by: daniel <[email protected]>

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)/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>
+  )
+}