Fix/v3 (#610)

* fix: low values * fix: hide read more on desktop * chore: remove log Co-authored-by: Major <[email protected]> --------- Co-authored-by: Major <[email protected]>
yearn · Nov 21, 2024 · 98b7fd8 · 98b7fd8
1 parent 19a7805
commit 98b7fd8
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 6 deletions.
diff --git a/apps/common/components/Counter.tsx b/apps/common/components/Counter.tsx
@@ -27,6 +27,12 @@ export function Counter({
 				onUpdate(value) {
 					let hasBeenSet = false;
 					valueRef.current = value;
+
+					if (value < 0.00001 && value > 0) {
+						node.textContent = '<0.00001';
+						return;
+					}
+
 					if (Number.isNaN(value) || value === 0) {
 						const formatedValue = formatAmount(0, idealDecimals, idealDecimals);
 						node.textContent = formatedValue;

diff --git a/apps/landing/components/sections/About.tsx b/apps/landing/components/sections/About.tsx
@@ -14,12 +14,14 @@ export function About(): ReactElement {
 			}}>
 			<div className={'relative lg:mr-[400px]'}>
 				<p className={'mb-10 text-left font-aeonikFono text-3xl font-light text-white md:text-5xl'}>
-					{'WTF IS YEARN VAULT?'}
+					{'WTF IS A YEARN VAULT?'}
 				</p>
 				<div
 					className={cl(
 						'md:max-w-[720px] text-lg transition-all overflow-hidden leading-7',
-						isReadMore ? 'max-h-screen' : 'max-h-[160px] gradient-mask-b-10'
+						isReadMore
+							? 'max-h-screen'
+							: 'max-h-[160px] md:max-h-screen gradient-mask-b-10 md:gradient-mask-none'
 					)}>
 					<p className={cl('text-gray-400 to-indigo-400')}>
 						{
@@ -38,16 +40,16 @@ export function About(): ReactElement {
 					<br />
 
 					<p className={cl('text-gray-400')}>
-						{'Unlike a bank account - none of this takes place behind closed doors (no offence to doors).'}
+						{'Unlike a bank account - none of this takes place behind closed doors (no offence to doors). '}
 						{
-							'DeFiruns on public blockchains, so you are in control of your assets and can see where they are'
+							'DeFi runs on public blockchains, so you are in control of your assets and can see where they are'
 						}
 						{'at all times.'}
 					</p>
 				</div>
 				{isReadMore ? null : (
 					<button
-						className={'mt-6 text-lg font-light text-primary'}
+						className={'mt-6 text-lg font-light text-primary md:hidden'}
 						onClick={() => set_isReadMore(true)}>
 						{'Read more'}
 					</button>

diff --git a/apps/vaults-v3/components/list/VaultsV3ListRow.tsx b/apps/vaults-v3/components/list/VaultsV3ListRow.tsx
@@ -578,14 +578,14 @@ export function VaultStakedAmount({currentVault}: {currentVault: TYDaemonVault})
 		currentVault.staking.available,
 		getToken
 	]);
-
 	return (
 		<div className={'flex flex-col pt-0 text-right md:pt-8'}>
 			<p
 				className={`yearn--table-data-section-item-value ${
 					isZero(staked.raw) ? 'text-neutral-400' : 'text-neutral-900'
 				}`}>
 				<RenderAmount
+					shouldFormatDust
 					value={staked.normalized}
 					symbol={currentVault.token.symbol}
 					decimals={currentVault.token.decimals}