Prices (yearn#70)

* feat: add pricing support + refactor

* feat: update manifest and favicon

* fix: updating lock and package

* fix: early continue

* feat: error count

* fix: linting

* feat: add warning fields + NEW apy detection

* feat: add icon missing actions

* fix: ledger's fix doc

* fix: spacing

* fix: doc about meta to ydaemon

* fix: endpoint

* fix: invalid check on new and error APY

* feat: add image tester on tokens page

* feat: minor design update

* fix: undefined error

* feat: add current gross_apr

* fix: put warnings in anomalies

* fix: error ratio

* fix: switch to net

* feat: price upd

components/TokenEntity.tsx

@@ -96,9 +96,10 @@ function	TokenEntity({
 						sufix: (
 							<span>
 								{'for token '}
-								<a href={`${networks[chainID].explorerBaseURI}/address/${tokenData.address}`} target={'_blank'} className={`underline ${!tokenData.hasValidPrice ? '' : 'text-red-900'}`} rel={'noreferrer'}>
+								<a href={`${networks[chainID].explorerBaseURI}/address/${tokenData.address}`} target={'_blank'} className={`underline ${tokenData.hasValidPrice ? '' : 'text-red-900'}`} rel={'noreferrer'}>
 									{tokenData.name}
 								</a>
+								{tokenData?.hasValidPrice ? ` (${tokenData.price}$)` : ''}
 							</span>
 						)
 					}]} />

components/VaultEntity.tsx

@@ -401,13 +401,13 @@ function	VaultEntity({
 						isValid: !aggregatedData.vaults[toAddress(vault.address)]?.hasErrorAPY,
 						prefix: 'APY is set to ',
 						errorMessage: '[ ERROR ]',
-						sufix: `for vault - (APY: ${format.amount((vault?.apy?.gross_apr || 0) * 100, 2, 4)}%)`
+						sufix: `for vault - (APY: ${format.amount((vault?.apy?.net_apy || 0) * 100, 2, 4)}%)`
 					}, {
 						isValid: !aggregatedData.vaults[toAddress(vault.address)]?.hasNewAPY,
 						isWarning: true,
 						prefix: 'APY is set to ',
 						errorMessage: '[ NEW ]',
-						sufix: `for vault - (APY: ${format.amount((vault?.apy?.gross_apr || 0) * 100, 2, 4)}%)`
+						sufix: `for vault - (APY: ${format.amount((vault?.apy?.net_apy || 0) * 100, 2, 4)}%)`
 					}]} />
 
 

contexts/useYearn.tsx

@@ -161,6 +161,7 @@ export const YearnContextApp = ({children}: {children: ReactElement}): ReactElem
 					address: toAddress(address),
 					name: TOKENS[address]?.name,
 					symbol: TOKENS[address]?.symbol,
+					price: TOKENS[address]?.price,
 					missingTranslations: missingTokensTranslations,
 					hasValidPrice: TOKENS[address]?.price > 0,
 					hasValidTokenIcon: true
@@ -179,6 +180,7 @@ export const YearnContextApp = ({children}: {children: ReactElement}): ReactElem
 				address: toAddress(address),
 				name: TOKENS[address]?.name,
 				symbol: TOKENS[address]?.symbol,
+				price: TOKENS[address]?.price,
 				missingTranslations: missingTokensTranslations,
 				hasValidPrice: TOKENS[address]?.price > 0,
 				hasValidTokenIcon: true

pages/index.tsx

@@ -290,7 +290,7 @@ function	Index(): ReactNode {
 				</div>
 				<div className={'flex flex-col space-y-2 pb-6'}>
 					<b className={'text-lg'}>{'Results'}</b>
-					<div className={'mt-4 grid w-full grid-cols-1 gap-4 md:grid-cols-2'}>
+					<div className={'mt-4 grid w-full grid-cols-1 gap-4 lg:grid-cols-2'}>
 						{appSettings.shouldShowEntity === 'vaults' && vaults.map((vault: any, index: number): ReactNode => {
 							return (
 								<VaultEntity

types/entities.tsx

@@ -24,6 +24,7 @@ export type	TTokenData = {
 	address: string,
 	name: string,
 	symbol: string,
+	price: string,
 	missingTranslations: {[key: string]: string[]},
 	hasValidTokenIcon: boolean,
 	hasValidPrice: boolean