feat: add animated bike icon to assign bike modal header and fix indentation formatting

This commit is contained in:
sazzadulalambd
2026-05-19 19:10:12 +06:00
parent 7ced7f8ed4
commit b1dd4b0683

View File

@@ -1587,7 +1587,7 @@ export default function InvestorDetailPage() {
<div className={`inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium ${planBadges[planType]} capitalize mb-3`}> <div className={`inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium ${planBadges[planType]} capitalize mb-3`}>
<span className={`w-2 h-2 rounded-full ${planType === 'silver' ? 'bg-slate-500' : <span className={`w-2 h-2 rounded-full ${planType === 'silver' ? 'bg-slate-500' :
planType === 'gold' ? 'bg-amber-500' : planType === 'gold' ? 'bg-amber-500' :
planType === 'platinum' ? 'bg-purple-500' : 'bg-blue-500' planType === 'platinum' ? 'bg-purple-500' : 'bg-blue-500'
}`} /> }`} />
{planType} Plan {investment?.planName || 'Investment'} {planType} Plan {investment?.planName || 'Investment'}
</div> </div>
@@ -3344,7 +3344,10 @@ export default function InvestorDetailPage() {
<div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4"> <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4">
<div className="bg-white rounded-xl shadow-xl w-full max-w-md"> <div className="bg-white rounded-xl shadow-xl w-full max-w-md">
<div className="p-5 border-b border-slate-100 flex items-center justify-between"> <div className="p-5 border-b border-slate-100 flex items-center justify-between">
<h2 className="text-lg font-bold text-slate-800">Assign Bike to Investor</h2> <h2 className="text-lg font-bold text-investor flex items-center gap-2">
<Bike className="w-5 h-5 text-investor animate-bounce" />
Assign Bike to Investor
</h2>
<button onClick={() => setShowAssignBikeModal(false)} className="p-2 hover:bg-slate-100 rounded-lg"> <button onClick={() => setShowAssignBikeModal(false)} className="p-2 hover:bg-slate-100 rounded-lg">
<X className="w-5 h-5 text-slate-400" /> <X className="w-5 h-5 text-slate-400" />
</button> </button>