feat: add active batteries stat to investor profile and update grid layout for payment selection
This commit is contained in:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user