spike: get all project config from global const

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

@@ -13,6 +13,7 @@ import { usePoolRedirect } from '@repo/lib/modules/pool/pool.hooks'
 import { DefaultPageContainer } from '@repo/lib/shared/components/containers/DefaultPageContainer'
 import { AddLiquidityProvider } from '@repo/lib/modules/pool/actions/add-liquidity/AddLiquidityProvider'
 import { Permit2SignatureProvider } from '@repo/lib/modules/tokens/approvals/permit2/Permit2SignatureProvider'
+import { PROJECT_CONFIG } from '@repo/lib/config/getProjectConfig'
 
 type Props = PropsWithChildren<{
   params: { txHash?: string[] }
@@ -32,7 +33,7 @@ export default function AddLiquidityLayout({ params: { txHash }, children }: Pro
   if (isNotSupported(pool)) {
     return (
       <Alert minW="50%" status="info" w="fit-content">
-        This pool type is not currently supported in the Balancer V3 UI
+        {`This pool type is not currently supported in the ${PROJECT_CONFIG.projectName} UI`}
       </Alert>
     )
   }

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

@@ -4,16 +4,13 @@ import FadeInOnView from '@repo/lib/shared/components/containers/FadeInOnView'
 import { Box, Skeleton } from '@chakra-ui/react'
 import { Suspense } from 'react'
 // import { getApolloServerClient } from '@repo/lib/shared/services/api/apollo-server.client'
-// 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 { 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
-  // const { supportedNetworks } = getProjectConfig()
+  // const { supportedNetworks } = useProjectConfig()
 
   // const featuredPoolsQuery = await getApolloServerClient().query({
   //   query: GetFeaturedPoolsDocument,
@@ -46,16 +43,7 @@ export default async function PoolsPage() {
       <DefaultPageContainer noVerticalPadding pb={['xl', '2xl']} pt={['lg', '54px']}>
         <FadeInOnView animateOnce={false}>
           <Suspense fallback={<Skeleton h="500px" w="full" />}>
-            <PoolList
-              displayType={PoolListDisplayType.Name}
-              hidePoolTags={['VE8020', 'BOOSTED']}
-              hidePoolTypes={[
-                GqlPoolType.LiquidityBootstrapping,
-                GqlPoolType.CowAmm,
-                GqlPoolType.Fx,
-              ]}
-              hideProtocolVersion={['cow', 'v3']}
-            />
+            <PoolList />
           </Suspense>
         </FadeInOnView>
       </DefaultPageContainer>

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

@@ -1,10 +1,9 @@
 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 { GqlChain, GqlPoolType } from '@repo/lib/shared/services/api/generated/graphql'
+import { GqlChain } from '@repo/lib/shared/services/api/generated/graphql'
 import { Suspense } from 'react'
 
 export default function PoolsPage() {
@@ -19,21 +18,10 @@ export default function PoolsPage() {
           </FadeInOnView>
         </DefaultPageContainer>
       </Box>
-
       <DefaultPageContainer noVerticalPadding pb={['xl', '2xl']} pt={['lg', '54px']}>
         <FadeInOnView animateOnce={false}>
           <Suspense fallback={<Skeleton h="500px" w="full" />}>
-            <PoolList
-              displayType={PoolListDisplayType.Name}
-              fixedChains={[GqlChain.Sonic]}
-              hidePoolTags={['VE8020', 'BOOSTED']}
-              hidePoolTypes={[
-                GqlPoolType.LiquidityBootstrapping,
-                GqlPoolType.CowAmm,
-                GqlPoolType.Fx,
-              ]}
-              hideProtocolVersion={['cow', 'v3']}
-            />
+            <PoolList fixedChains={[GqlChain.Sonic]} />
           </Suspense>
         </FadeInOnView>
       </DefaultPageContainer>

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

@@ -1,12 +1,12 @@
 import { LandingPageLayout } from '@/lib/modules/landing-page/LandingPageLayout'
 import { getApolloServerClient } from '@repo/lib/shared/services/api/apollo-server.client'
-import { PROJECT_CONFIG } from '@repo/lib/config/getProjectConfig'
 import { mins } from '@repo/lib/shared/utils/time'
 import {
   GetProtocolStatsDocument,
   GetProtocolStatsPerChainDocument,
   GqlChain,
 } from '@repo/lib/shared/services/api/generated/graphql'
+import { PROJECT_CONFIG } from '@repo/lib/config/getProjectConfig'
 
 export default async function Home() {
   const client = getApolloServerClient()

apps/beets-frontend-v3/app/layouts/base-layout.tsx

@@ -2,8 +2,9 @@ import NextTopLoader from 'nextjs-toploader'
 import { PropsWithChildren } from 'react'
 import { NavBarContainer } from '@/lib/components/navs/NavBarContainer'
 import { GlobalAlerts } from '@repo/lib/shared/components/navs/GlobalAlerts'
-import { FooterContainer } from '@/lib/components/footer/FooterContainer'
 import { LzBeetsMigrateModal } from '@/lib/components/modals/LzBeetsMigrateModal'
+import { BeetsLogoType } from '@/lib/components/imgs/BeetsLogoType'
+import { Footer } from '@repo/lib/shared/components/navs/Footer'
 
 export function BaseLayout({
   children,
@@ -21,7 +22,11 @@ export function BaseLayout({
       <NavBarContainer />
       {children}
       {renderLzBeetsModal && <LzBeetsMigrateModal />}
-      <FooterContainer />
+      <Footer
+        logoType={<BeetsLogoType />}
+        subTitle="Beets is your ultimate destination for liquid-staked tokens, real yield, and AMM innovation."
+        title="The Hub for LSTs"
+      />
     </div>
   )
 }

apps/beets-frontend-v3/lib/components/navs/NavBarContainer.tsx

@@ -1,20 +1,22 @@
 'use client'
 
-import { useNavData } from './useNavData'
 import { NavBar, NavActions } from '@repo/lib/shared/components/navs/NavBar'
 import { NavLogo } from './NavLogo'
 import { MobileNav } from '@repo/lib/shared/components/navs/MobileNav'
 import { useNav } from '@repo/lib/shared/components/navs/useNav'
 import { BeetsLogoType } from '../imgs/BeetsLogoType'
 import { Box, HStack } from '@chakra-ui/react'
-import { motion } from 'framer-motion'
+import { AnimatePresence, motion } from 'framer-motion'
 import { fadeIn } from '@repo/lib/shared/utils/animations'
 import { MaBeetsNavLink } from './MaBeetsNavLink'
 import { SonicMigrationLink } from './SonicMigrationLink'
 import { FantomToSonicSvg } from '../imgs/FantomToSonicSvg'
+import { PROJECT_CONFIG } from '@repo/lib/config/getProjectConfig'
 
 export function NavBarContainer() {
-  const { appLinks, ecosystemLinks, getSocialLinks } = useNavData()
+  const {
+    links: { appLinks, ecosystemLinks, socialLinks },
+  } = PROJECT_CONFIG
   const { defaultAppLinks } = useNav()
   const allAppLinks = [...defaultAppLinks, ...appLinks]
 
@@ -37,25 +39,33 @@ export function NavBarContainer() {
         </>
       }
       ecosystemLinks={ecosystemLinks}
-      socialLinks={getSocialLinks()}
+      socialLinks={socialLinks}
     />
   )
 
   return (
-    <NavBar
-      appLinks={allAppLinks}
-      customLinks={
-        <>
-          <Box as={motion.div} variants={fadeIn}>
-            <MaBeetsNavLink />
-          </Box>
-          <Box as={motion.div} variants={fadeIn}>
-            <SonicMigrationLink />
-          </Box>
-        </>
-      }
-      navLogo={<NavLogo />}
-      rightSlot={<NavActions hideDarkModeToggle mobileNav={mobileNav} />}
-    />
+    <AnimatePresence>
+      <motion.div
+        animate={{ opacity: 1 }}
+        initial={{ opacity: 0 }}
+        transition={{ duration: 0.5, ease: 'easeInOut' }}
+      >
+        <NavBar
+          appLinks={allAppLinks}
+          customLinks={
+            <>
+              <Box as={motion.div} variants={fadeIn}>
+                <MaBeetsNavLink />
+              </Box>
+              <Box as={motion.div} variants={fadeIn}>
+                <SonicMigrationLink />
+              </Box>
+            </>
+          }
+          navLogo={<NavLogo />}
+          rightSlot={<NavActions hideDarkModeToggle mobileNav={mobileNav} />}
+        />
+      </motion.div>
+    </AnimatePresence>
   )
 }