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

refactor: remove battery manual entry fields in biker profile and add battery rental history table to rental details

Browse Source
This commit is contained in:
sazzadulalambd
2026-05-16 14:06:33 +06:00
parent 41530a4691
commit 1882cfbb91
3 changed files with 175 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/app/admin/bikers/[id]/page.tsx
View File

@@ -752,7 +752,7 @@ function SectionCard({ title, icon: Icon, children, headerBg = 'bg-slate-50', ed
{editKey && setEditingSection ? (
editingSection !== editKey ? (
<button onClick={() => { setEditingSection(editKey); onEdit?.(); }} className="p-1.5 hover:bg-white rounded-lg transition-colors">
<Edit className="w-4 h-4 text-slate-500" />
{/* <Edit className="w-4 h-4 text-slate-500" /> */}
</button>
) : (
<div className="flex gap-1">
@@ -2040,7 +2040,6 @@ export default function BikerDetailPage() {
<>
<div className="flex items-center justify-between mb-2">
<p className="text-xs font-semibold text-slate-500">Editing: {biker.bikes.batteries[editForm.editingIndex]?.name}</p>
<button onClick={() => setEditForm({ ...editForm, editingIndex: undefined })} className="text-xs text-blue-600 hover:underline">+ Add New</button>
</div>
<div className="grid grid-cols-2 gap-3">
<div>
@@ -2083,60 +2082,14 @@ export default function BikerDetailPage() {
</>
) : (
<>
<div className="flex items-center justify-between mb-2">
<p className="text-xs font-semibold text-slate-500">Add New Battery</p>
{biker.bikes.batteries.length > 0 && (
<button onClick={() => { const bat = biker.bikes.batteries[0]; setEditForm({ batId: bat.id, batName: bat.name, batPercent: bat.percent, batStatus: bat.status, batLocation: bat.location, batSwappedAt: bat.swappedAt, batOdometer: bat.odometer, editingIndex: 0 }); }} className="text-xs text-blue-600 hover:underline">Edit existing</button>
)}
</div>
<div className="grid grid-cols-2 gap-3">
<div>
<label className="text-xs font-medium text-slate-600 mb-1 block">Battery ID <span className="text-red-500">*</span></label>
<input type="text" value={editForm.batId || ''} onChange={(e) => setEditForm({ ...editForm, batId: e.target.value })} className="w-full px-3 py-2 border border-slate-200 rounded-lg text-xs" placeholder="BAT-DH-004" />
</div>
<div>
<label className="text-xs font-medium text-slate-600 mb-1 block">Battery Name</label>
<input type="text" value={editForm.batName || ''} onChange={(e) => setEditForm({ ...editForm, batName: e.target.value })} className="w-full px-3 py-2 border border-slate-200 rounded-lg text-xs" placeholder="Battery D" />
</div>
</div>
<div className="grid grid-cols-2 gap-3">
<div>
<label className="text-xs font-medium text-slate-600 mb-1 block">Charge %</label>
<input type="number" value={editForm.batPercent || ''} onChange={(e) => setEditForm({ ...editForm, batPercent: e.target.value })} className="w-full px-3 py-2 border border-slate-200 rounded-lg text-xs" placeholder="0-100" />
</div>
<div>
<label className="text-xs font-medium text-slate-600 mb-1 block">Status</label>
<select value={editForm.batStatus || 'available'} onChange={(e) => setEditForm({ ...editForm, batStatus: e.target.value })} className="w-full px-3 py-2 border border-slate-200 rounded-lg text-xs bg-white">
<option value="active">Active</option>
<option value="available">Available</option>
<option value="charging">Charging</option>
</select>
</div>
</div>
<div>
<label className="text-xs font-medium text-slate-600 mb-1 block">Location</label>
<input type="text" value={editForm.batLocation || ''} onChange={(e) => setEditForm({ ...editForm, batLocation: e.target.value })} className="w-full px-3 py-2 border border-slate-200 rounded-lg text-xs" placeholder="Swap Station" />
</div>
<div className="grid grid-cols-2 gap-3">
<div>
<label className="text-xs font-medium text-slate-600 mb-1 block">Swapped At</label>
<input type="text" value={editForm.batSwappedAt || ''} onChange={(e) => setEditForm({ ...editForm, batSwappedAt: e.target.value })} className="w-full px-3 py-2 border border-slate-200 rounded-lg text-xs" placeholder="YYYY-MM-DD HH:MM" />
</div>
<div>
<label className="text-xs font-medium text-slate-600 mb-1 block">Odometer (KM)</label>
<input type="number" value={editForm.batOdometer || ''} onChange={(e) => setEditForm({ ...editForm, batOdometer: e.target.value })} className="w-full px-3 py-2 border border-slate-200 rounded-lg text-xs" />
</div>
<div className="p-3 bg-slate-50 rounded-lg border border-slate-200">
<p className="text-sm text-slate-600">Click edit button on existing batteries to update them.</p>
</div>
</>
)}
</>
) : (
<>
<div className="flex justify-end mb-2">
<button onClick={() => { setEditingSection('batteryHistory'); setEditForm({ editingIndex: undefined }); }} className="px-3 py-1.5 bg-blue-600 text-white rounded-lg text-xs font-medium hover:bg-blue-700 flex items-center gap-1">
<Plus className="w-3 h-3" /> Add Battery
</button>
</div>
{biker.bikes.batteries.map((bat, idx) => (
<div key={bat.id} className={`p-4 rounded-lg border ${bat.status === 'active' ? 'bg-green-50 border-green-200' : bat.status === 'charging' ? 'bg-amber-50 border-amber-200' : 'bg-slate-50 border-slate-200'}`}>
<div className="flex items-center justify-between">