feat: remove vebal provider

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

@@ -1,13 +1,10 @@
 import { PoolDetail } from '@repo/lib/modules/pool/PoolDetail/PoolDetail'
 import { TransactionStateProvider } from '@repo/lib/modules/transactions/transaction-steps/TransactionStateProvider'
-import { VebalLockDataProvider } from '@repo/lib/modules/vebal/lock/VebalLockDataProvider'
 
 export default function PoolPage() {
   return (
     <TransactionStateProvider>
-      <VebalLockDataProvider>
-        <PoolDetail />
-      </VebalLockDataProvider>
+      <PoolDetail />
     </TransactionStateProvider>
   )
 }

apps/frontend-v3/app/(app)/vebal/layout.tsx

@@ -6,7 +6,6 @@ import { PropsWithChildren } from 'react'
 import { useTokens } from '@repo/lib/modules/tokens/TokensProvider'
 import { CrossChainSyncProvider } from '@repo/lib/modules/vebal/cross-chain/CrossChainSyncProvider'
 import { TransactionStateProvider } from '@repo/lib/modules/transactions/transaction-steps/TransactionStateProvider'
-import { VebalLockDataProvider } from '@repo/lib/modules/vebal/lock/VebalLockDataProvider'
 
 export default function VebalLayout({ children }: PropsWithChildren) {
   const { vebalBptToken } = useTokens()
@@ -15,13 +14,11 @@ export default function VebalLayout({ children }: PropsWithChildren) {
 
   return (
     <TokenBalancesProvider initTokens={[vebalBptToken]}>
-      <VebalLockDataProvider>
-        <CrossChainSyncProvider>
-          <TransactionStateProvider>
-            <DefaultPageContainer>{children}</DefaultPageContainer>
-          </TransactionStateProvider>
-        </CrossChainSyncProvider>
-      </VebalLockDataProvider>
+      <CrossChainSyncProvider>
+        <TransactionStateProvider>
+          <DefaultPageContainer>{children}</DefaultPageContainer>
+        </TransactionStateProvider>
+      </CrossChainSyncProvider>
     </TokenBalancesProvider>
   )
 }

packages/lib/modules/portfolio/Portfolio.tsx

@@ -5,8 +5,6 @@ import { PortfolioTable } from './PortfolioTable/PortfolioTable'
 import { ClaimNetworkPools } from './PortfolioClaim/ClaimNetworkPools/ClaimNetworkPools'
 import { TransactionStateProvider } from '../transactions/transaction-steps/TransactionStateProvider'
 
-import { VebalLockDataProvider } from '@repo/lib/modules/vebal/lock/VebalLockDataProvider'
-
 export default function Portfolio() {
   return (
     <Stack gap={20} width="full">
@@ -15,9 +13,7 @@ export default function Portfolio() {
         <ClaimNetworkPools />
       </TransactionStateProvider>
 
-      <VebalLockDataProvider>
-        <PortfolioTable />
-      </VebalLockDataProvider>
+      <PortfolioTable />
     </Stack>
   )
 }

packages/lib/modules/vebal/VebalManage.tsx

@@ -5,7 +5,7 @@ import { VebalBreadcrumbs } from '@repo/lib/modules/vebal/VebalBreadcrumbs'
 import { ReactNode } from 'react'
 import NextLink from 'next/link'
 import { ConnectWallet } from '@repo/lib/modules/web3/ConnectWallet'
-import { useVebalLockData } from '@repo/lib/modules/vebal/lock/VebalLockDataProvider'
+import { useVebalLockData } from '@repo/lib/modules/vebal/lock/useVebalLockData'
 
 interface HeaderProps {
   before?: ReactNode

packages/lib/modules/vebal/VebalStats/UserVebalStatsValues.tsx

@@ -1,12 +1,12 @@
 'use client'
 
-import React, { useMemo } from 'react'
+import { useMemo } from 'react'
 import { Heading, HStack, Skeleton, Text, Tooltip, VStack } from '@chakra-ui/react'
 import { bn, fNum } from '@repo/lib/shared/utils/numbers'
 import { useVebalUserData } from '@repo/lib/modules/vebal/useVebalUserData'
 import { differenceInDays, format } from 'date-fns'
 import BigNumber from 'bignumber.js'
-import { useVebalLockData } from '@repo/lib/modules/vebal/lock/VebalLockDataProvider'
+import { useVebalLockData } from '@repo/lib/modules/vebal/lock/useVebalLockData'
 import { PRETTY_DATE_FORMAT } from '@repo/lib/modules/vebal/lock/duration/lock-duration.constants'
 import { AlertIcon } from '@repo/lib/shared/components/icons/AlertIcon'
 

packages/lib/modules/vebal/cross-chain/CrossChainBoost.tsx

@@ -19,7 +19,7 @@ import {
 import { useCrossChainSync } from './CrossChainSyncProvider'
 import Image from 'next/image'
 import { useVebalUserData } from '@repo/lib/modules/vebal/useVebalUserData'
-import { useVebalLockData } from '@repo/lib/modules/vebal/lock/VebalLockDataProvider'
+import { useVebalLockData } from '@repo/lib/modules/vebal/lock/useVebalLockData'
 
 import { CrossChainSyncModal } from '@repo/lib/modules/vebal/cross-chain/CrossChainSyncModal'
 import { useState } from 'react'

packages/lib/modules/vebal/lock/VebalLockProvider.tsx

@@ -9,7 +9,7 @@ import { useTokenInputsValidation } from '@repo/lib/modules/tokens/TokenInputsVa
 import { isDisabledWithReason } from '@repo/lib/shared/utils/functions/isDisabledWithReason'
 import { useDisclosure } from '@chakra-ui/hooks'
 import { useLockDuration } from '@repo/lib/modules/vebal/lock/duration/useLockDuration'
-import { useVebalLockData } from '@repo/lib/modules/vebal/lock/VebalLockDataProvider'
+import { useVebalLockData } from '@repo/lib/modules/vebal/lock/useVebalLockData'
 import { differenceInSeconds } from 'date-fns'
 import { getPreviousThursday, oneYearInSecs } from '@repo/lib/shared/utils/time'
 import BigNumber from 'bignumber.js'

packages/lib/modules/vebal/lock/VebalUnlock.tsx

@@ -2,7 +2,7 @@ import { useUserAccount } from '@repo/lib/modules/web3/UserAccountProvider'
 import { ConnectWallet } from '@repo/lib/modules/web3/ConnectWallet'
 import { Center } from '@chakra-ui/react'
 import { VebalUnlockForm } from '@repo/lib/modules/vebal/lock/form/VebalUnlockForm'
-import { useVebalLockData } from '@repo/lib/modules/vebal/lock/VebalLockDataProvider'
+import { useVebalLockData } from '@repo/lib/modules/vebal/lock/useVebalLockData'
 import { VebalLockForm } from '@repo/lib/modules/vebal/lock/form/VebalLockForm'
 
 export function VebalUnlock() {

packages/lib/modules/vebal/lock/duration/useLockDuration.ts

@@ -19,7 +19,7 @@ import {
   MIN_LOCK_PERIOD_IN_DAYS,
   PRETTY_DATE_FORMAT,
 } from '@repo/lib/modules/vebal/lock/duration/lock-duration.constants'
-import { UseVebalLockDataResult } from '@repo/lib/modules/vebal/lock/VebalLockDataProvider'
+import { UseVebalLockDataResult } from '@repo/lib/modules/vebal/lock/useVebalLockData'
 
 function getMinLockEndDate(date: Date) {
   const minLockTimestamp = addDays(date, MIN_LOCK_PERIOD_IN_DAYS)

packages/lib/modules/vebal/lock/form/VebalLockForm.tsx

@@ -22,7 +22,7 @@ import { LockMode, useVebalLock } from '@repo/lib/modules/vebal/lock/VebalLockPr
 import { fNum } from '@repo/lib/shared/utils/numbers'
 import { VebalLockModal } from '@repo/lib/modules/vebal/lock/modal/VebalLockModal'
 import { useRouter } from 'next/navigation'
-import { useVebalLockData } from '@repo/lib/modules/vebal/lock/VebalLockDataProvider'
+import { useVebalLockData } from '@repo/lib/modules/vebal/lock/useVebalLockData'
 import { getModalLabel } from '@repo/lib/modules/vebal/lock/steps/lock-steps.utils'
 import { useEffect, useState } from 'react'
 import { ClickableText } from '@repo/lib/shared/components/typography/ClickableText'

packages/lib/modules/vebal/lock/form/VebalUnlockForm.tsx

@@ -21,7 +21,7 @@ import NextLink from 'next/link'
 import { Address } from 'viem'
 import { GqlChain } from '@repo/lib/shared/services/api/generated/graphql'
 import { useRouter } from 'next/navigation'
-import { useVebalLockData } from '@repo/lib/modules/vebal/lock/VebalLockDataProvider'
+import { useVebalLockData } from '@repo/lib/modules/vebal/lock/useVebalLockData'
 import { useClickable } from '@chakra-ui/clickable'
 import { getModalLabel } from '@repo/lib/modules/vebal/lock/steps/lock-steps.utils'
 import { format } from 'date-fns'
@@ -92,7 +92,6 @@ export function VebalUnlockForm() {
                 <TokenRowWithDetails
                   address={vebalBptToken.address as Address}
                   chain={GqlChain.Mainnet}
-                  value={mainnetLockedInfo.lockedAmount ?? 0}
                   details={
                     lockDuration.lockedUntilDateFormatted
                       ? [
@@ -107,6 +106,7 @@ export function VebalUnlockForm() {
                         ]
                       : undefined
                   }
+                  value={mainnetLockedInfo.lockedAmount ?? 0}
                 />
               </Card>
             )}

packages/lib/modules/vebal/lock/modal/VebalLockModal.tsx

@@ -34,7 +34,7 @@ import {
 } from '@repo/lib/modules/vebal/lock/steps/useBuildLockSteps'
 import { getPreviewLabel } from '@repo/lib/modules/vebal/lock/steps/lock-steps.utils'
 import { useEffect, useState } from 'react'
-import { useVebalLockData } from '@repo/lib/modules/vebal/lock/VebalLockDataProvider'
+import { useVebalLockData } from '@repo/lib/modules/vebal/lock/useVebalLockData'
 import { useUserAccount } from '@repo/lib/modules/web3/UserAccountProvider'
 import { TokenRowWithDetails } from '@repo/lib/modules/tokens/TokenRow/TokenRowWithDetails'
 import { fNum } from '@repo/lib/shared/utils/numbers'

packages/lib/modules/vebal/lock/steps/useBuildLockSteps.tsx

@@ -3,7 +3,7 @@ import { LockActionType } from '@repo/lib/modules/vebal/lock/steps/lock-steps.ut
 import { useLockSteps } from '@repo/lib/modules/vebal/lock/steps/useLockSteps'
 import { Address, parseUnits } from 'viem'
 import { useTransactionSteps } from '@repo/lib/modules/transactions/transaction-steps/useTransactionSteps'
-import { UseVebalLockDataResult } from '@repo/lib/modules/vebal/lock/VebalLockDataProvider'
+import { UseVebalLockDataResult } from '@repo/lib/modules/vebal/lock/useVebalLockData'
 import { useVebalLock, UseVebalLockResult } from '@repo/lib/modules/vebal/lock/VebalLockProvider'
 
 export interface UseBuildLockStepsArgs {

packages/lib/modules/vebal/lock/VebalLockDataProvider.tsx → packages/lib/modules/vebal/lock/useVebalLockData.tsx

@@ -1,7 +1,6 @@
 'use client'
 
-import { useMandatoryContext } from '@repo/lib/shared/utils/contexts'
-import { createContext, PropsWithChildren, useMemo } from 'react'
+import { useMemo } from 'react'
 import { bn } from '@repo/lib/shared/utils/numbers'
 import { formatUnits, Hex } from 'viem'
 import { useUserAccount } from '@repo/lib/modules/web3/UserAccountProvider'
@@ -10,11 +9,10 @@ import { AbiMap } from '@repo/lib/modules/web3/contracts/AbiMap'
 import mainnetNetworkConfig from '@repo/lib/config/networks/mainnet'
 import { useMulticall } from '@repo/lib/modules/web3/contracts/useMulticall'
 import { useCurrentDate } from '@repo/lib/shared/hooks/date.hooks'
-import { toJsTimestamp } from '@repo/lib/shared/utils/time'
+import { oneMinInMs, toJsTimestamp } from '@repo/lib/shared/utils/time'
 import { LockActionType } from '@repo/lib/modules/vebal/lock/steps/lock-steps.utils'
 
-export type UseVebalLockDataResult = ReturnType<typeof _useVebalLockData>
-export const VebalLockDataContext = createContext<UseVebalLockDataResult | null>(null)
+export type UseVebalLockDataResult = ReturnType<typeof useVebalLockData>
 
 function getAvailableLockActions(
   hasLock: boolean | undefined,
@@ -60,7 +58,7 @@ interface MulticallLockDataResponse {
   }
 }
 
-export function _useVebalLockData() {
+export function useVebalLockData() {
   const { userAddress, isConnected } = useUserAccount()
 
   const lockDataRequestsData = [
@@ -93,6 +91,7 @@ export function _useVebalLockData() {
 
   const { results, refetchAll, isLoading } = useMulticall(lockDataRequests, {
     enabled: isConnected,
+    staleTime: oneMinInMs,
   })
 
   const now = useCurrentDate()
@@ -144,14 +143,3 @@ export function _useVebalLockData() {
 
   return { results, mainnetLockedInfo, isLoading, refetchAll, availableLockActions }
 }
-
-export function VebalLockDataProvider({ children }: PropsWithChildren) {
-  const vebalLockData = _useVebalLockData()
-
-  return (
-    <VebalLockDataContext.Provider value={vebalLockData}>{children}</VebalLockDataContext.Provider>
-  )
-}
-
-export const useVebalLockData = (): UseVebalLockDataResult =>
-  useMandatoryContext(VebalLockDataContext, 'VebalLockData')

packages/lib/modules/vebal/useVebalBoost.tsx

@@ -6,7 +6,7 @@ import { useGaugesSupplyAndBalance } from './useGaugesSupplyAndBalance'
 import { useGaugeTotalSupplyAndUserBalance } from './useGaugeTotalSupplyAndUserBalance'
 import { getChainId } from '@repo/lib/config/app.config'
 import { Pool } from '../pool/PoolProvider'
-import { useVebalLockData } from '@repo/lib/modules/vebal/lock/VebalLockDataProvider'
+import { useVebalLockData } from '@repo/lib/modules/vebal/lock/useVebalLockData'
 
 export type VeBalLockData = {
   lockedEndDate: number

packages/lib/modules/vebal/vebal-chart/useVebalLocksChart.tsx

@@ -11,7 +11,6 @@ import BigNumber from 'bignumber.js'
 import { UseVebalLockInfoResult } from '../../vebal/useVebalLockInfo'
 import { bn, fNum } from '@repo/lib/shared/utils/numbers'
 import { useTheme as useNextTheme } from 'next-themes'
-import { useVebalLockData } from '@repo/lib/modules/vebal/lock/VebalLockDataProvider'
 
 type ChartValueAcc = [string, number][]
 

packages/lib/modules/web3/contracts/useMulticall.ts

@@ -11,7 +11,7 @@ export type ChainContractConfig = ContractFunctionParameters & {
   id: string
 }
 
-type Options = { enabled?: boolean }
+type Options = { enabled?: boolean; staleTime?: number }
 
 export function useMulticall(multicallRequests: ChainContractConfig[], options: Options = {}) {
   const config = useConfig()