shawon/JML
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
sazzadulalambd
2026-05-19 17:33:09 +06:00
parent be137d65df
commit 2a891df398
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/admin/investors/[id]/page.tsx
View File

@@ -565,7 +565,7 @@ export default function InvestorDetailPage() {
</div> </div>
{/* Stats Row */} {/* 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"> <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-xs text-purple-600 font-medium">Total Invested</p>
<p className="text-sm font-bold text-purple-700">৳{investor.totalInvested.toLocaleString()}</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-xs text-amber-600 font-medium">Active Bikes</p>
<p className="text-sm font-bold text-amber-700">{investor.activeBikes}</p> <p className="text-sm font-bold text-amber-700">{investor.activeBikes}</p>
</div> </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"> <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-xs text-red-600 font-medium">Pending Request</p>
<p className="text-sm font-bold text-red-700">৳{investor.pendingEarnings.toLocaleString()}</p> <p className="text-sm font-bold text-red-700">৳{investor.pendingEarnings.toLocaleString()}</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@@ -3299,7 +3302,7 @@ export default function InvestorDetailPage() {
</div> </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'}`}> <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 <input
type="radio" type="radio"