diff --git a/apps/common/components/RenderAmount.tsx b/apps/common/components/RenderAmount.tsx index 879446ff5..0a94b4ec3 100644 --- a/apps/common/components/RenderAmount.tsx +++ b/apps/common/components/RenderAmount.tsx @@ -12,7 +12,7 @@ export function RenderAmount(props: TAmount & {shouldHideTooltip?: boolean}): Re options: { ...props.options, minimumFractionDigits: 2, - maximumFractionDigits: Math.max(2, Number(props.decimals)), + maximumFractionDigits: props?.options?.maximumFractionDigits || Math.max(2, Number(props.decimals)), shouldDisplaySymbol: true, shouldCompactValue: false } diff --git a/apps/vaults/Wrapper.tsx b/apps/vaults/Wrapper.tsx index ad8a30b99..2d18033f2 100755 --- a/apps/vaults/Wrapper.tsx +++ b/apps/vaults/Wrapper.tsx @@ -24,7 +24,7 @@ export function Wrapper({children, router}: {children: ReactElement; router: Nex initial={'initial'} animate={'enter'} exit={'exit'} - className={'my-0 h-full md:mb-0 md:mt-16'} + className={'my-0 h-full bg-neutral-0 md:mb-0 md:mt-16'} variants={variants}> {children} diff --git a/apps/vaults/components/list/VaultsListEmpty.tsx b/apps/vaults/components/list/VaultsListEmpty.tsx index b721eaf5a..31b108b26 100755 --- a/apps/vaults/components/list/VaultsListEmpty.tsx +++ b/apps/vaults/components/list/VaultsListEmpty.tsx @@ -8,10 +8,12 @@ import type {TYDaemonVaults} from '@common/schemas/yDaemonVaultsSchemas'; export function VaultsListEmpty({ sortedVaultsToDisplay, currentCategory, + currentChains, isLoading }: { sortedVaultsToDisplay: TYDaemonVaults; currentCategory: string; + currentChains: number[]; isLoading: boolean; }): ReactElement { const {searchValue, category, set_category} = useAppSettings(); @@ -60,6 +62,21 @@ export function VaultsListEmpty({ ); } + if (!isLoading && currentChains.length === 0) { + return ( +
+ {'No data, reeeeeeeeeeee'} + <> +

{`Please, select a chain. At least one, just one.`}

+ + +
+ ); + } return
; } diff --git a/apps/vaults/components/list/VaultsListRow.tsx b/apps/vaults/components/list/VaultsListRow.tsx index facd87f5d..918edd72f 100755 --- a/apps/vaults/components/list/VaultsListRow.tsx +++ b/apps/vaults/components/list/VaultsListRow.tsx @@ -259,7 +259,7 @@ export function VaultsListRow({currentVault}: {currentVault: TYDaemonVault}): Re value={availableToDeposit} symbol={currentVault.token.symbol} decimals={currentVault.token.decimals} - options={{shouldDisplaySymbol: false}} + options={{shouldDisplaySymbol: false, maximumFractionDigits: 4}} />

@@ -273,7 +273,7 @@ export function VaultsListRow({currentVault}: {currentVault: TYDaemonVault}): Re value={staked} symbol={currentVault.token.symbol} decimals={currentVault.token.decimals} - options={{shouldDisplaySymbol: false}} + options={{shouldDisplaySymbol: false, maximumFractionDigits: 4}} />

diff --git a/package.json b/package.json index c5c2f2dff..bc6cccb34 100644 --- a/package.json +++ b/package.json @@ -22,7 +22,7 @@ "@rainbow-me/rainbowkit": "^1.1.1", "@wagmi/chains": "1.8.0", "@wagmi/core": "^1.4.3", - "@yearn-finance/web-lib": "^3.0.49", + "@yearn-finance/web-lib": "^3.0.50", "axios": "^1.5.0", "dayjs": "^1.11.9", "eslint-config-prettier": "^9.0.0", diff --git a/pages/vaults/[chainID]/[address].tsx b/pages/vaults/[chainID]/[address].tsx index e3272e40b..8b53167f8 100755 --- a/pages/vaults/[chainID]/[address].tsx +++ b/pages/vaults/[chainID]/[address].tsx @@ -59,7 +59,7 @@ function Index(): ReactElement | null { if (isLoadingVault || !router.query.address) { return ( -
+
@@ -69,7 +69,7 @@ function Index(): ReactElement | null { if (!currentVault) { return ( -
+

{"We couln't find this vault on the connected network."}

diff --git a/pages/vaults/index.tsx b/pages/vaults/index.tsx index 2b1acbc98..adfd4c2ed 100644 --- a/pages/vaults/index.tsx +++ b/pages/vaults/index.tsx @@ -251,15 +251,17 @@ function Index(): ReactElement { isLoading={isLoadingVaultList} sortedVaultsToDisplay={sortedVaultsToDisplay} currentCategory={category} + currentChains={chainsFromJSON} /> ); } - if (isLoadingVaultList || isZero(sortedVaultsToDisplay.length)) { + if (isLoadingVaultList || isZero(sortedVaultsToDisplay.length) || chainsFromJSON.length === 0) { return ( ); } @@ -282,7 +284,7 @@ function Index(): ReactElement {
-
+
diff --git a/yarn.lock b/yarn.lock index 26d3a697b..f06e353af 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3411,10 +3411,10 @@ resolved "https://registry.yarnpkg.com/@xtuc/long/-/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d" integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ== -"@yearn-finance/web-lib@^3.0.49": - version "3.0.49" - resolved "https://registry.yarnpkg.com/@yearn-finance/web-lib/-/web-lib-3.0.49.tgz#256c6ae937e4be9b3519d43e4eb08e32a2d3c2a9" - integrity sha512-ttIgthGSnPBnB0TIZmtBJdLT/tMCe1nsV+dbRhngUDCwtjJftyu5ScG/h4OQ34ANRWyZeSxqGjENMVA4vrNEkQ== +"@yearn-finance/web-lib@^3.0.50": + version "3.0.50" + resolved "https://registry.yarnpkg.com/@yearn-finance/web-lib/-/web-lib-3.0.50.tgz#e0d22913b845efcf676474bc9a5d4699c487e652" + integrity sha512-UlzTukHOEUXnyt8hVvJtIQk59hGrUXA550Vw50QHIr0unDvlqNJChA2q3fM3bF//uvBEPl6K+t8sqtxb2rLLwQ== dependencies: "@babel/core" "^7.23.0" "@headlessui/react" "^1.7.17"