Re-Quest/frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: update agent dashboard UI for status buttons and contact info, restyle specialization card button, and adjust footer background color.

Browse Source
This commit is contained in:
pradeepkumar
2026-01-18 07:40:28 +05:30
parent a13dcbf96d
commit 36cff9de00
3 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/(agent)/agent/dashboard/component/SpecializationCard.tsx
View File

@@ -20,7 +20,7 @@ export function SpecializationCard({ title, items, icon }: SpecializationCardPro
</p> </p>
))} ))}
</div> </div>
<button className="mt-4 inline-flex items-center gap-1 text-[#e58625] text-xs font-medium hover:opacity-80 transition-opacity"> <button className="mt-4 inline-flex items-center gap-1 px-4 py-1.5 border border-[#e58625] rounded-full text-[#e58625] text-xs font-medium hover:bg-[#e58625]/5 transition-colors">
Show More Show More
<Image <Image
src="/assets/icons/chevron-down-icon.svg" src="/assets/icons/chevron-down-icon.svg"

38
src/app/(agent)/agent/dashboard/page.tsx
View File

@@ -224,37 +224,37 @@ export default function AgentDashboard() {
</div> </div>
{/* Status Buttons */} {/* Status Buttons */}
<div className="space-y-2"> <div className="w-full space-y-2">
<div className="flex items-center gap-2"> <div className="flex items-center border border-[#00293d]/10 rounded-[15px] h-[50px] px-4">
<div className="flex items-center gap-1.5"> <div className="flex items-center gap-2 flex-1">
<span className="w-2 h-2 bg-green-500 rounded-full" /> <span className="w-3 h-3 bg-green-500 rounded-full" />
<span className="text-sm text-[#00293d]">Available.</span> <span className="text-sm font-bold text-[#00293d]">Available.</span>
</div> </div>
<button className="px-4 py-1.5 bg-[#5ba4a4] text-white text-sm rounded-full hover:bg-[#4a9393] transition-colors"> <button className="px-5 py-1.5 bg-[#e58625] text-white text-sm rounded-[15px] hover:bg-[#d47720] transition-colors">
Connect Connect
</button> </button>
</div> </div>
<div className="flex items-center gap-2"> <div className="flex items-center border border-[#00293d]/10 rounded-[15px] h-[50px] px-4">
<div className="flex items-center gap-1.5"> <div className="flex items-center gap-2 flex-1">
<span className="w-2 h-2 bg-white border border-gray-400 rounded-full" /> <span className="w-3 h-3 bg-white border border-gray-400 rounded-full" />
<span className="text-sm text-[#00293d]">Unavailable.</span> <span className="text-sm font-bold text-[#00293d]">Unavailable.</span>
</div> </div>
<button className="px-4 py-1.5 bg-[#5ba4a4] text-white text-sm rounded-full hover:bg-[#4a9393] transition-colors"> <button className="px-5 py-1.5 bg-[#00293d] text-white text-sm rounded-[15px] hover:bg-[#001d2b] transition-colors">
Connect Connect
</button> </button>
</div> </div>
</div> </div>
{/* Contact Info */} {/* Contact Info */}
<div className="space-y-2 pt-2"> <div className="w-full border border-[#00293d]/10 rounded-[15px] p-4 mt-2">
<div className="flex items-center gap-2 text-sm"> <div className="flex items-center gap-2 mb-2">
<span className="font-bold text-[#00293d]">Email:</span> <span className="font-bold text-[#00293d] text-sm">Email:</span>
<span className="text-[#00293d]">*****brian@gmail.com</span> <span className="text-[#00293d] text-sm font-serif">*****brian@gmail.com</span>
</div> </div>
<div className="flex items-center gap-2 text-sm"> <div className="flex items-center gap-2">
<span className="font-bold text-[#00293d]">Ph.No:</span> <span className="font-bold text-[#00293d] text-sm">Ph.No:</span>
<span className="text-[#00293d]">{agentData.phone}</span> <span className="text-[#00293d] text-sm font-serif">{agentData.phone}</span>
<button className="p-1 hover:bg-gray-100 rounded"> <button className="p-1 hover:bg-gray-100 rounded ml-auto">
<Image <Image
src="/assets/icons/edit-pencil-icon.svg" src="/assets/icons/edit-pencil-icon.svg"
alt="Edit phone" alt="Edit phone"

2
src/components/layout/Footer.tsx
View File

@@ -87,7 +87,7 @@ const socialLinks = [
export function Footer() { export function Footer() {
return ( return (
<footer className="bg-[#8fa9a8] text-[#00293d]"> <footer className="bg-[#648188] text-[#00293d]">
{/* Main Footer Content */} {/* Main Footer Content */}
<div className="max-w-7xl mx-auto px-6 py-12"> <div className="max-w-7xl mx-auto px-6 py-12">
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 lg:gap-12"> <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 lg:gap-12">