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

style: Update agent dashboard UI by replacing icons, adding new SVG assets, and refining component styles and layout.

Browse Source
This commit is contained in:
pradeepkumar
2026-01-18 20:28:09 +05:30
parent 0e47040c10
commit 132efa70cf
7 changed files with 32 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -136,46 +136,46 @@ export default function AgentDashboard() {
title="Availability"
icon={
<Image
src="/assets/icons/clock-icon.svg"
src="/assets/icons/availability-clock-icon.svg"
alt="Availability"
width={32}
height={32}
width={28}
height={31}
/>
}
content={
<div>
<p className="font-semibold mb-2">{agentData.availability.type}</p>
<p className="font-semibold font-serif text-[14px] leading-[19px] text-[#00293D] mb-2">{agentData.availability.type}</p>
<div className="space-y-1">
{agentData.availability.days.map((day) => (
<p key={day}>{day}</p>
<p key={day} className="font-normal font-serif text-[14px] leading-[19px] text-[#00293D]">{day}</p>
))}
</div>
</div>
}
/>
<InfoCard
title="Preferred work environment"
title=""
icon={
<Image
src="/assets/icons/location-large-icon.svg"
src="/assets/icons/work-environment-icon.svg"
alt="Work environment"
width={32}
height={32}
width={28}
height={28}
/>
}
content={<p className="text-sm leading-relaxed">{agentData.preferredWorkEnvironment}</p>}
content={<p className="font-serif font-semibold text-[14px] leading-[19px] text-[#00293D]">{agentData.preferredWorkEnvironment}</p>}
/>
<InfoCard
title=""
icon={
<Image
src="/assets/icons/star-icon.svg"
src="/assets/icons/testimonial-star-icon.svg"
alt="Testimonial"
width={32}
height={32}
width={28}
height={28}
/>
}
content={<p className="text-sm leading-relaxed italic">&ldquo;{agentData.testimonialHighlight}&rdquo;</p>}
content={<p className="text-[14px] font-semibold font-serif leading-[19px] text-center text-[#00293D]">&ldquo;{agentData.testimonialHighlight}&rdquo;</p>}
/>
</div>