diff --git a/package.json b/package.json index 8243c395..ae9f2f64 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@yearn-finance/web-lib", - "version": "3.0.165", + "version": "3.0.166", "main": "./dist/index.js", "types": "./dist/index.d.js", "files": [ diff --git a/src/components/LogoPopover.tsx b/src/components/LogoPopover.tsx index 6539d43d..47201128 100644 --- a/src/components/LogoPopover.tsx +++ b/src/components/LogoPopover.tsx @@ -4,12 +4,11 @@ import {cloneElement, useMemo, useState} from 'react'; import Link from 'next/link'; import {usePathname} from 'next/navigation'; import {motion} from 'framer-motion'; -import {cl, toAddress} from '@builtbymom/web3/utils'; +import {cl} from '@builtbymom/web3/utils'; import {Popover, Transition} from '@headlessui/react'; import {useIsMounted} from '../hooks/useIsMounted'; import {V3Logo} from '../icons/V3Logo'; -import {ImageWithFallback} from './ImageWithFallback'; import {APPS} from './YearnApps'; import type {AnimationProps} from 'framer-motion'; @@ -50,24 +49,16 @@ function Logo(): ReactElement { // eslint-disable-next-line react-hooks/exhaustive-deps }, [typeof window, pathname]); - const vaultPageData = useMemo(() => { + const isVaultPage = useMemo(() => { if (typeof window === 'undefined') { - return { - isVaultPage: false, - chainID: '', - vaultAddress: '' - }; + return false; } const isVaultPage = typeof window !== 'undefined' && window.location.pathname.startsWith('/vaults/') && window.location.pathname.split('/').length === 4; - return { - isVaultPage, - chainID: isVaultPage && window.location.pathname.split('/')[2], - vaultAddress: isVaultPage && window.location.pathname.split('/')[3] - }; + return isVaultPage; // eslint-disable-next-line react-hooks/exhaustive-deps }, [typeof window, pathname]); @@ -79,27 +70,11 @@ function Logo(): ReactElement { + animate={shouldAnimate && !isVaultPage ? 'enter' : 'exit'}> {icon} ); })} - - - ); }