feat: add react-hot-toast and update SMS message modal UI with phone number context

This commit is contained in:
sazzadulalambd
2026-05-05 02:40:35 +06:00
parent 74d3ebde38
commit 4445624638
3 changed files with 33 additions and 6 deletions

View File

@@ -467,8 +467,8 @@ export default function KYCDetailPage() {
<button onClick={() => setShowAddNoteModal(true)} className="px-4 py-2 border border-slate-200 text-slate-600 rounded-lg text-sm hover:bg-slate-50 flex items-center gap-2">
<MessageSquare className="w-4 h-4" /> Note
</button>
<button onClick={() => setShowMessageModal(true)} className="px-4 py-2 border border-slate-200 text-slate-600 rounded-lg text-sm hover:bg-slate-50 flex items-center gap-2">
<Send className="w-4 h-4" /> Message
<button onClick={() => setShowMessageModal(true)} className="px-4 py-2 bg-accent text-white rounded-lg text-sm hover:bg-accent/90 flex items-center gap-2">
<Send className="w-4 h-4" /> SMS
</button>
</>
)}
@@ -701,7 +701,7 @@ export default function KYCDetailPage() {
<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="p-4 border-b border-slate-100 flex justify-between items-center">
<h3 className="font-semibold text-slate-800">Send Message</h3>
<h3 className="font-semibold text-slate-800">SMS to {request.phone}</h3>
<button onClick={() => setShowMessageModal(false)} className="text-slate-400 hover:text-slate-600">×</button>
</div>
<div className="p-4">