From 98b7fd8f78b8cb3712a398f8b4e56a749c7bae40 Mon Sep 17 00:00:00 2001
From: Daniil Polienko <32621609+w84april@users.noreply.github.com>
Date: Thu, 21 Nov 2024 20:11:27 +0300
Subject: [PATCH] Fix/v3 (#610)

* fix: low values

* fix: hide read more on desktop

* chore: remove log

Co-authored-by: Major <90963895+Majorfi@users.noreply.github.com>

---------

Co-authored-by: Major <90963895+Majorfi@users.noreply.github.com>
---
 apps/common/components/Counter.tsx                 |  6 ++++++
 apps/landing/components/sections/About.tsx         | 12 +++++++-----
 apps/vaults-v3/components/list/VaultsV3ListRow.tsx |  2 +-
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/apps/common/components/Counter.tsx b/apps/common/components/Counter.tsx
index 4b270a2f2..215fedc53 100644
--- 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
index 8d5eb90f0..ce43f13e4 100644
--- 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
index b693c5215..55d70a756 100755
--- a/apps/vaults-v3/components/list/VaultsV3ListRow.tsx
+++ b/apps/vaults-v3/components/list/VaultsV3ListRow.tsx
@@ -578,7 +578,6 @@ export function VaultStakedAmount({currentVault}: {currentVault: TYDaemonVault})
 		currentVault.staking.available,
 		getToken
 	]);
-
 	return (
 		<div className={'flex flex-col pt-0 text-right md:pt-8'}>
 			<p
@@ -586,6 +585,7 @@ export function VaultStakedAmount({currentVault}: {currentVault: TYDaemonVault})
 					isZero(staked.raw) ? 'text-neutral-400' : 'text-neutral-900'
 				}`}>
 				<RenderAmount
+					shouldFormatDust
 					value={staked.normalized}
 					symbol={currentVault.token.symbol}
 					decimals={currentVault.token.decimals}