Merge pull request #399 from curvefi/update-dev

Merge `main` to `dev`
curvefi · Oct 17, 2024 · da14484 · da14484
2 parents 2296ab5 + a5b81ec
commit da14484
Show file tree

Hide file tree

Showing 51 changed files with 296 additions and 216 deletions.
diff --git a/apps/lend/package.json b/apps/lend/package.json
@@ -39,9 +39,9 @@
     "next-images": "^1.8.5",
     "numbro": "^2.4.0",
     "onboard-helpers": "*",
-    "react": "^18.2.0",
+    "react": "*",
     "react-aria": "3.22.0",
-    "react-dom": "^18.2.0",
+    "react-dom": "*",
     "react-is": "16.13.1",
     "react-router-dom": "^6.3.0",
     "react-stately": "3.18.0",
@@ -61,8 +61,8 @@
     "@svgr/webpack": "^8.1.0",
     "@types/lodash": "^4.14.182",
     "@types/node": "17.0.24",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
+    "@types/react": "*",
+    "@types/react-dom": "*",
     "@types/styled-components": "5.1.14",
     "eslint-config-custom": "*",
     "pinst": "^2.1.4",
@@ -71,8 +71,6 @@
     "webpack": "^5.83.1"
   },
   "resolutions": {
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
     "styled-components": "^5"
   }
 }
diff --git a/apps/lend/src/pages/_app.tsx b/apps/lend/src/pages/_app.tsx
@@ -1,31 +1,28 @@
-import type { AppProps } from 'next/app'
-
-import { useCallback, useEffect, useState } from 'react'
-import { HashRouter } from 'react-router-dom'
 import { i18n } from '@lingui/core'
 import { I18nProvider } from '@lingui/react'
 import { OverlayProvider } from '@react-aria/overlays'
 import delay from 'lodash/delay'
+import { initOnboard } from 'onboard-helpers'
+import zhHans from 'onboard-helpers/src/locales/zh-Hans'
+import zhHant from 'onboard-helpers/src/locales/zh-Hant'
+import { useCallback, useEffect, useState } from 'react'
 import 'intersection-observer'
 import 'focus-visible'
 import '@/globals.css'
-
+import { HashRouter } from 'react-router-dom'
+import GlobalStyle from '@/globalStyle'
+import Page from '@/layout/index'
 import { persister, queryClient } from '@/shared/api/query-client'
 import { QueryProvider } from '@/ui/QueryProvider'
 import { dynamicActivate, initTranslation } from '@/lib/i18n'
-import { getLocaleFromUrl } from '@/utils/utilsRouter'
-import { isMobile, removeExtraSpaces } from '@/utils/helpers'
-import { getPageWidthClassName } from '@/store/createLayoutSlice'
-import { getStorageValue } from '@/utils/utilsStorage'
-import { initOnboard } from 'onboard-helpers'
 import { messages as messagesEn } from '@/locales/en/messages.js'
 import networks from '@/networks'
+import { getPageWidthClassName } from '@/store/createLayoutSlice'
 import useStore from '@/store/useStore'
-import zhHans from 'onboard-helpers/src/locales/zh-Hans'
-import zhHant from 'onboard-helpers/src/locales/zh-Hant'
-
-import Page from '@/layout/index'
-import GlobalStyle from '@/globalStyle'
+import { isMobile, removeExtraSpaces } from '@/utils/helpers'
+import { getLocaleFromUrl } from '@/utils/utilsRouter'
+import { getStorageValue } from '@/utils/utilsStorage'
+import type { AppProps } from 'next/app'
 
 i18n.load({ en: messagesEn })
 i18n.activate('en')
@@ -83,7 +80,7 @@ function CurveApp({ Component }: AppProps) {
       },
       locale,
       themeType,
-      networks
+      networks,
     )
     updateWalletStateByKey('onboard', onboardInstance)
 

diff --git a/apps/lend/src/pages/index.tsx b/apps/lend/src/pages/index.tsx
@@ -1,7 +1,7 @@
 import type { NextPage } from 'next'
 
-import { Navigate, Route, Routes } from 'react-router'
 import dynamic from 'next/dynamic'
+import { Navigate, Route, Routes } from 'react-router'
 
 import { ROUTE } from '@/constants'
 

diff --git a/apps/loan/package.json b/apps/loan/package.json
@@ -38,9 +38,9 @@
     "next-images": "^1.8.5",
     "numbro": "^2.4.0",
     "onboard-helpers": "*",
-    "react": "^18.2.0",
+    "react": "*",
     "react-aria": "3.22.0",
-    "react-dom": "^18.2.0",
+    "react-dom": "*",
     "react-is": "16.13.1",
     "react-router-dom": "^6.3.0",
     "react-stately": "3.18.0",
@@ -60,8 +60,8 @@
     "@svgr/webpack": "^8.1.0",
     "@types/lodash": "^4.14.182",
     "@types/node": "17.0.24",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
+    "@types/react": "*",
+    "@types/react-dom": "*",
     "@types/styled-components": "5.1.14",
     "eslint-config-custom": "*",
     "pinst": "^2.1.4",
@@ -70,8 +70,6 @@
     "webpack": "^5.83.1"
   },
   "resolutions": {
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
     "styled-components": "^5"
   }
 }
diff --git a/apps/loan/src/pages/_app.tsx b/apps/loan/src/pages/_app.tsx
@@ -1,32 +1,29 @@
-import type { AppProps } from 'next/app'
-import type { Locale } from '@/lib/i18n'
-
-import { useCallback, useEffect, useState } from 'react'
-import { HashRouter } from 'react-router-dom'
 import { i18n } from '@lingui/core'
 import { I18nProvider } from '@lingui/react'
 import { OverlayProvider } from '@react-aria/overlays'
 import delay from 'lodash/delay'
 import 'intersection-observer'
 import 'focus-visible'
 import '@/globals.css'
-
-import { dynamicActivate, initTranslation } from '@/lib/i18n'
-import { getLocaleFromUrl } from '@/utils/utilsRouter'
-import { isMobile, removeExtraSpaces } from '@/utils/helpers'
-import { getPageWidthClassName } from '@/store/createLayoutSlice'
-import { getStorageValue } from '@/utils/storage'
-import { REFRESH_INTERVAL } from '@/constants'
 import { initOnboard } from 'onboard-helpers'
-import { messages as messagesEn } from '@/locales/en/messages.js'
-import networks from '@/networks'
-import usePageVisibleInterval from '@/hooks/usePageVisibleInterval'
-import useStore from '@/store/useStore'
 import zhHans from 'onboard-helpers/src/locales/zh-Hans'
 import zhHant from 'onboard-helpers/src/locales/zh-Hant'
-
-import Page from '@/layout/index'
+import { useCallback, useEffect, useState } from 'react'
+import { HashRouter } from 'react-router-dom'
+import { REFRESH_INTERVAL } from '@/constants'
 import GlobalStyle from '@/globalStyle'
+import usePageVisibleInterval from '@/hooks/usePageVisibleInterval'
+import Page from '@/layout/index'
+import type { Locale } from '@/lib/i18n'
+import { dynamicActivate, initTranslation } from '@/lib/i18n'
+import { messages as messagesEn } from '@/locales/en/messages.js'
+import networks from '@/networks'
+import { getPageWidthClassName } from '@/store/createLayoutSlice'
+import useStore from '@/store/useStore'
+import { isMobile, removeExtraSpaces } from '@/utils/helpers'
+import { getStorageValue } from '@/utils/storage'
+import { getLocaleFromUrl } from '@/utils/utilsRouter'
+import type { AppProps } from 'next/app'
 
 i18n.load({ en: messagesEn })
 i18n.activate('en')

diff --git a/apps/loan/src/pages/index.tsx b/apps/loan/src/pages/index.tsx
@@ -1,7 +1,7 @@
 import type { NextPage } from 'next'
 
-import { Navigate, Route, Routes } from 'react-router'
 import dynamic from 'next/dynamic'
+import { Navigate, Route, Routes } from 'react-router'
 
 import { ROUTE } from '@/constants'
 

diff --git a/apps/main/package.json b/apps/main/package.json
@@ -41,9 +41,9 @@
     "next-images": "^1.8.5",
     "numbro": "^2.4.0",
     "onboard-helpers": "*",
-    "react": "^18.2.0",
+    "react": "*",
     "react-aria": "3.22.0",
-    "react-dom": "^18.2.0",
+    "react-dom": "*",
     "react-hook-form": "^7.53.0",
     "react-is": "16.13.1",
     "react-router-dom": "^6.3.0",
@@ -66,8 +66,8 @@
     "@svgr/webpack": "^8.1.0",
     "@types/lodash": "^4.14.182",
     "@types/node": "17.0.24",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
+    "@types/react": "*",
+    "@types/react-dom": "*",
     "@types/styled-components": "5.1.14",
     "@types/validator": "^13.12.1",
     "eslint-config-custom": "*",
@@ -76,8 +76,6 @@
     "webpack": "^5.83.1"
   },
   "resolutions": {
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
     "styled-components": "^5"
   }
 }
diff --git a/apps/main/src/components/PageCreatePool/constants.ts b/apps/main/src/components/PageCreatePool/constants.ts
@@ -70,7 +70,7 @@ export const POOL_PRESETS: PRESETS = {
       stableSwapFee: '0.01',
       stableA: '1000',
       maExpTime: '600',
-      offpegFeeMultiplier: '2',
+      offpegFeeMultiplier: '5',
     },
   },
   1: {

diff --git a/apps/main/src/entities/chain/lib.ts b/apps/main/src/entities/chain/lib.ts
@@ -1,5 +1,5 @@
-import { useCurve } from '@/entities/curve'
 import networks from '@/networks'
+import { useCurve } from '@/entities/curve'
 
 export const useChainId = () => {
   const { data: curve } = useCurve()

diff --git a/apps/main/src/entities/chain/model/chain-validation.ts b/apps/main/src/entities/chain/model/chain-validation.ts
@@ -1,6 +1,6 @@
+import { enforce, group, test } from 'vest'
 import type { ChainQueryParams } from '@/entities/chain/types'
 import { createValidationSuite } from '@/shared/lib/validation'
-import { enforce, group, test } from 'vest'
 
 export const chainValidationGroup = ({ chainId }: ChainQueryParams) =>
   group('chainValidation', () => {

diff --git a/apps/main/src/entities/gauge/api/estimate-gas.ts b/apps/main/src/entities/gauge/api/estimate-gas.ts
@@ -1,9 +1,9 @@
+import type { QueryFunction } from '@tanstack/react-query'
+import useStore from '@/store/useStore'
 import { assertGaugeValidity } from '@/entities/gauge/lib'
 import type { GaugeQueryKeyType, PoolMethodResult } from '@/entities/gauge/types'
 import { BD } from '@/shared/curve-lib'
-import useStore from '@/store/useStore'
 import { logQuery } from '@/shared/lib/logging'
-import type { QueryFunction } from '@tanstack/react-query'
 
 export const queryEstimateGasDepositRewardApprove: QueryFunction<
   PoolMethodResult<'gauge.estimateGas.depositRewardApprove'>,

diff --git a/apps/main/src/entities/gauge/api/gauge-query.ts b/apps/main/src/entities/gauge/api/gauge-query.ts
@@ -9,13 +9,13 @@
  * business logic and data fetching.
  */
 
+import { QueryFunction } from '@tanstack/react-query'
+import { zeroAddress, type Address } from 'viem'
+import useStore from '@/store/useStore'
 import { assertGaugeValidity } from '@/entities/gauge/lib'
 import { GaugeQueryKeyType, type PoolMethodResult } from '@/entities/gauge/types'
 import { BD } from '@/shared/curve-lib'
-import useStore from '@/store/useStore'
 import { logQuery } from '@/shared/lib/logging'
-import { QueryFunction } from '@tanstack/react-query'
-import { zeroAddress, type Address } from 'viem'
 
 export const queryGaugeStatus: QueryFunction<PoolMethodResult<'gaugeStatus'>, GaugeQueryKeyType<'status'>> = async ({
   queryKey,

diff --git a/apps/main/src/entities/gauge/api/rewards-mutate.ts b/apps/main/src/entities/gauge/api/rewards-mutate.ts
@@ -9,10 +9,10 @@
  * business logic and data fetching.
  */
 
+import { type MutateFunction } from '@tanstack/react-query'
+import useStore from '@/store/useStore'
 import { assertGaugeValidity } from '@/entities/gauge/lib'
 import { GaugeQueryKeyType, type PoolMethodResult } from '@/entities/gauge/types'
-import useStore from '@/store/useStore'
-import { type MutateFunction } from '@tanstack/react-query'
 
 export const mutateAddRewardToken: MutateFunction<
   PoolMethodResult<'gauge.addReward'>,

diff --git a/apps/main/src/entities/gauge/lib/reward-actions.ts b/apps/main/src/entities/gauge/lib/reward-actions.ts
@@ -10,6 +10,10 @@
  * allowing components to easily access and manipulate gauge-related data.
  */
 
+import { t } from '@lingui/macro'
+import { useIsMutating, useMutation, UseMutationResult } from '@tanstack/react-query'
+import useTokensMapper from '@/hooks/useTokensMapper'
+import useStore from '@/store/useStore'
 import * as models from '@/entities/gauge/model'
 import { gaugeKeys as keys } from '@/entities/gauge/model'
 import type {
@@ -19,11 +23,7 @@ import type {
   GaugeQueryParams,
   PoolMethodResult,
 } from '@/entities/gauge/types'
-import useTokensMapper from '@/hooks/useTokensMapper'
 import { queryClient } from '@/shared/api/query-client'
-import useStore from '@/store/useStore'
-import { t } from '@lingui/macro'
-import { useIsMutating, useMutation, UseMutationResult } from '@tanstack/react-query'
 
 export const useAddRewardToken = ({
   chainId,

diff --git a/apps/main/src/entities/gauge/model/estimate-gas-options.ts b/apps/main/src/entities/gauge/model/estimate-gas-options.ts
@@ -10,17 +10,17 @@
  * They encapsulate the data fetching logic, making it easier to manage and reuse across the application.
  */
 
+import { queryOptions } from '@tanstack/react-query'
 import { REFRESH_INTERVAL } from '@/constants'
 import * as api from '@/entities/gauge/api'
-import * as conditions from '@/entities/gauge/model/enabled-conditions'
 import { gaugeKeys as keys } from '@/entities/gauge/model'
+import * as conditions from '@/entities/gauge/model/enabled-conditions'
 import type {
   AddRewardParams,
   DepositRewardApproveParams,
   DepositRewardParams,
   GaugeQueryParams,
 } from '@/entities/gauge/types'
-import { queryOptions } from '@tanstack/react-query'
 
 export const getEstimateGasDepositRewardApproveQueryOptions = (
   params: DepositRewardApproveParams & GaugeQueryParams,

diff --git a/apps/main/src/entities/gauge/model/gauge-validation.ts b/apps/main/src/entities/gauge/model/gauge-validation.ts
@@ -1,12 +1,12 @@
+import { t } from '@lingui/macro'
+import { enforce, group, test } from 'vest'
 import { TIME_FRAMES } from '@/constants'
+import useStore from '@/store/useStore'
+import { formatNumber } from '@/utils'
 import type { AddRewardParams, CombinedGaugeParams, DepositRewardParams } from '@/entities/gauge/types'
 import { poolValidationGroup } from '@/entities/pool'
-import { addressValidationFn, amountValidationFn, createValidationSuite, tokenIdValidationFn } from '@/shared/lib/validation'
 import { BD } from '@/shared/curve-lib'
-import useStore from '@/store/useStore'
-import { formatNumber } from '@/utils'
-import { t } from '@lingui/macro'
-import { enforce, group, test } from 'vest'
+import { addressValidationFn, amountValidationFn, createValidationSuite, tokenIdValidationFn } from '@/shared/lib/validation'
 
 export const gaugeAddRewardTokenValidationGroup = ({ distributorId, rewardTokenId }: AddRewardParams) =>
   group('gaugeAddRewardTokenValidationGroup', () => {

diff --git a/apps/main/src/entities/gauge/model/query-options.ts b/apps/main/src/entities/gauge/model/query-options.ts
@@ -10,12 +10,12 @@
  * They encapsulate the data fetching logic, making it easier to manage and reuse across the application.
  */
 
+import { queryOptions } from '@tanstack/react-query'
 import { REFRESH_INTERVAL } from '@/constants'
 import * as api from '@/entities/gauge/api'
-import * as conditions from '@/entities/gauge/model/enabled-conditions'
 import { gaugeKeys as keys } from '@/entities/gauge/model'
+import * as conditions from '@/entities/gauge/model/enabled-conditions'
 import type { DepositRewardApproveParams, GaugeQueryParams } from '@/entities/gauge/types'
-import { queryOptions } from '@tanstack/react-query'
 
 export const getGaugeStatusQueryOptions = (params: GaugeQueryParams) =>
   queryOptions({

diff --git a/apps/main/src/entities/gauge/types.ts b/apps/main/src/entities/gauge/types.ts
@@ -10,12 +10,12 @@
  * developer experience when working with gauge-related functionality.
  */
 
+import type { PoolTemplate } from '@curvefi/api/lib/pools'
+import type { Address } from 'viem'
 import { gaugeKeys } from '@/entities/gauge/model'
 import type { PoolQueryParams } from '@/entities/pool/types'
 import type { ExtractQueryKeys, ExtractQueryKeyType } from '@/shared/types/api'
 import type { NestedFunction, NestedKeys } from '@/shared/types/nested'
-import type { PoolTemplate } from '@curvefi/api/lib/pools'
-import type { Address } from 'viem'
 
 export type PoolMethodResult<M extends NestedKeys<PoolTemplate>> = Awaited<ReturnType<NestedFunction<PoolTemplate, M>>>
 

diff --git a/apps/main/src/entities/pool/model/pool-validation.ts b/apps/main/src/entities/pool/model/pool-validation.ts
@@ -1,7 +1,7 @@
+import { enforce, group, test } from 'vest'
 import { chainValidationGroup } from '@/entities/chain'
 import type { PoolQueryParams } from '@/entities/pool/types'
 import { createValidationSuite } from '@/shared/lib/validation'
-import { enforce, group, test } from 'vest'
 
 export const poolValidationGroup = ({ chainId, poolId }: PoolQueryParams) =>
   group('poolValidation', () => {

diff --git a/apps/main/src/entities/signer/lib.ts b/apps/main/src/entities/signer/lib.ts
@@ -1,6 +1,6 @@
-import useStore from '@/store/useStore'
 import { useMemo } from 'react'
 import type { Address } from 'viem'
+import useStore from '@/store/useStore'
 
 export const useSignerAddress = (): { data: Address | undefined } => {
   const onboardInstance = useStore((state) => state.wallet.onboard)

diff --git a/apps/main/src/entities/token/lib.ts b/apps/main/src/entities/token/lib.ts
@@ -1,7 +1,7 @@
-import useTokensMapper from '@/hooks/useTokensMapper'
-import useStore from '@/store/useStore'
 import { useMemo } from 'react'
 import type { Address } from 'viem'
+import useTokensMapper from '@/hooks/useTokensMapper'
+import useStore from '@/store/useStore'
 import { useChainId } from '@/entities/chain'
 
 export const useTokens = (addresses: (Address | undefined)[]): { data: (Token | undefined)[] } => {