From 07c5af5bafd1b498af4223109d4472b0aaa78f15 Mon Sep 17 00:00:00 2001
From: zp6 <373669493@qq.com>
Date: Sat, 16 May 2026 00:02:45 +0800
Subject: [PATCH] Add src/components/PoolDepositInfo.tsx

---
 src/components/PoolDepositInfo.tsx | 44 ++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 src/components/PoolDepositInfo.tsx

diff --git a/src/components/PoolDepositInfo.tsx b/src/components/PoolDepositInfo.tsx
new file mode 100644
index 0000000..812f949
--- /dev/null
+++ b/src/components/PoolDepositInfo.tsx
@@ -0,0 +1,44 @@
+interface PoolDepositInfoProps {
+  poolName: string
+  apy: number
+  tvl: number
+  minDeposit: number
+  feePercent: number
+  lockupPeriod?: string
+  tokenSymbol: string
+}
+
+export function PoolDepositInfo({
+  poolName, apy, tvl, minDeposit, feePercent, lockupPeriod, tokenSymbol
+}: PoolDepositInfoProps) {
+  return (
+    <div className="space-y-4">
+      <h3 className="text-lg font-semibold">{poolName}</h3>
+      
+      <div className="grid grid-cols-2 gap-3">
+        <div className="p-3 bg-gray-50 dark:bg-gray-800 rounded-lg">
+          <div className="text-xs text-gray-500">APY</div>
+          <div className="text-lg font-bold text-green-500">{apy.toFixed(2)}%</div>
+        </div>
+        <div className="p-3 bg-gray-50 dark:bg-gray-800 rounded-lg">
+          <div className="text-xs text-gray-500">TVL</div>
+          <div className="text-lg font-bold">{tvl.toLocaleString()} {tokenSymbol}</div>
+        </div>
+        <div className="p-3 bg-gray-50 dark:bg-gray-800 rounded-lg">
+          <div className="text-xs text-gray-500">Min Deposit</div>
+          <div className="font-medium">{minDeposit} {tokenSymbol}</div>
+        </div>
+        <div className="p-3 bg-gray-50 dark:bg-gray-800 rounded-lg">
+          <div className="text-xs text-gray-500">Fee</div>
+          <div className="font-medium">{feePercent}%</div>
+        </div>
+        {lockupPeriod && (
+          <div className="col-span-2 p-3 bg-yellow-50 dark:bg-yellow-900/20 rounded-lg">
+            <div className="text-xs text-yellow-600 dark:text-yellow-400">⚠️ Lockup Period</div>
+            <div className="font-medium">{lockupPeriod}</div>
+          </div>
+        )}
+      </div>
+    </div>
+  )
+}