From ac47404352e40788463e6147472b23b9ceb6da4a Mon Sep 17 00:00:00 2001
From: Majorfi <major@ycorpo.com>
Date: Wed, 25 Sep 2024 10:53:07 +0200
Subject: [PATCH] feat: add risk comment and fix css mobile

---
 .../components/details/tabs/VaultRiskInfo.tsx       | 13 +++++++++++++
 apps/vaults-v3/components/list/VaultsV3ListRow.tsx  |  2 +-
 package.json                                        |  2 +-
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/apps/vaults-v3/components/details/tabs/VaultRiskInfo.tsx b/apps/vaults-v3/components/details/tabs/VaultRiskInfo.tsx
index 2096980b..adb82b96 100755
--- a/apps/vaults-v3/components/details/tabs/VaultRiskInfo.tsx
+++ b/apps/vaults-v3/components/details/tabs/VaultRiskInfo.tsx
@@ -37,6 +37,19 @@ export function VaultRiskInfo({currentVault}: {currentVault: TYDaemonVault}): Re
 						</div>
 					</div>
 
+					<div
+						className={cl(
+							'grid w-full grid-cols-12 items-center mb-6',
+							currentVault.info.riskScoreComment ? '' : 'hidden'
+						)}>
+						<div className={'col-span-10'}>
+							<p>{'Comment'}</p>
+							<small className={'whitespace-break-spaces text-xs text-neutral-900/40'}>
+								{currentVault.info.riskScoreComment}
+							</small>
+						</div>
+					</div>
+
 					<div className={cl('grid w-full grid-cols-12 items-center gap-6', hasRiskScore ? '' : 'hidden')}>
 						<div className={'col-span-10'}>
 							<p>{'Review'}</p>
diff --git a/apps/vaults-v3/components/list/VaultsV3ListRow.tsx b/apps/vaults-v3/components/list/VaultsV3ListRow.tsx
index e94398af..b693c521 100755
--- a/apps/vaults-v3/components/list/VaultsV3ListRow.tsx
+++ b/apps/vaults-v3/components/list/VaultsV3ListRow.tsx
@@ -524,7 +524,7 @@ function VaultRiskScoreTag({riskLevel}: {riskLevel: number}): ReactElement {
 	const level = riskLevel < 0 ? 0 : riskLevel > 5 ? 5 : riskLevel;
 	const riskColor = [`transparent`, `#63C532`, `#F8A908`, `#F8A908`, `#C73203`, `#C73203`];
 	return (
-		<div className={'col-span-2 flex flex-row justify-center md:col-span-2 md:flex-col'}>
+		<div className={'col-span-2 flex flex-row justify-between md:col-span-2 md:flex-col md:justify-center'}>
 			<p className={'inline whitespace-nowrap text-start text-xs text-neutral-800/60 md:hidden'}>
 				{'Risk Score'}
 			</p>
diff --git a/package.json b/package.json
index c78d5bf1..36962006 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "@tailwindcss/typography": "^0.5.13",
     "@tanstack/react-query": "^5.51.11",
     "@wagmi/core": "^2.11.7",
-    "@yearn-finance/web-lib": "^4.1.1",
+    "@yearn-finance/web-lib": "^4.1.3",
     "axios": "^1.7.2",
     "ethers": "5.7.2",
     "framer-motion": "^11.2.10",