feat: add active batteries stat to investor profile and update grid layout for payment selection

This commit is contained in:
sazzadulalambd
2026-05-19 17:33:09 +06:00
parent be137d65df
commit 2a891df398

View File

@@ -565,7 +565,7 @@ export default function InvestorDetailPage() {
</div>
{/* Stats Row */}
<div className="grid grid-cols-3 lg:grid-cols-6 gap-3 mt-5">
<div className="grid grid-cols-3 lg:grid-cols-7 gap-3 mt-5">
<div className="p-3 bg-purple-50 rounded-lg border border-purple-100">
<p className="text-xs text-purple-600 font-medium">Total Invested</p>
<p className="text-sm font-bold text-purple-700">{investor.totalInvested.toLocaleString()}</p>
@@ -586,11 +586,14 @@ export default function InvestorDetailPage() {
<p className="text-xs text-amber-600 font-medium">Active Bikes</p>
<p className="text-sm font-bold text-amber-700">{investor.activeBikes}</p>
</div>
<div className="p-3 bg-emerald-50 rounded-lg border border-emerald-100">
<p className="text-xs text-emerald-600 font-medium">Active Batteries</p>
<p className="text-sm font-bold text-emerald-700">{batteries.filter(b => b.investorId === investorId).length}</p>
</div>
<div className="p-3 bg-red-50 rounded-lg border border-red-100">
<p className="text-xs text-red-600 font-medium">Pending Request</p>
<p className="text-sm font-bold text-red-700">{investor.pendingEarnings.toLocaleString()}</p>
</div>
</div>
</div>
</div>
@@ -3299,7 +3302,7 @@ export default function InvestorDetailPage() {
</div>
) : (
<>
<div className=" gap-3 mb-4">
<div className="grid grid-cols-1 gap-3 mb-4">
<label className={`flex items-center gap-3 p-3 rounded-lg border-2 cursor-pointer transition-all ${newInvestment.paymentType === 'full' ? 'border-investor bg-investor/5' : 'border-slate-200 hover:border-slate-300'}`}>
<input
type="radio"