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

feat: Implement agent profile editing page with new form components, icons, and dashboard integration.

Browse Source
This commit is contained in:
pradeepkumar
2026-01-18 21:21:17 +05:30
parent ba1594e24e
commit 5fc28117d2
27 changed files with 1116 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
src/app/(agent)/agent/dashboard/component/ProfileHeader.tsx
View File

@@ -87,34 +87,40 @@ export function ProfileHeader({
{/* Action Buttons */}
<div className="flex items-center gap-3">
<Button
variant="action"
size="sm"
leftIcon={
<Image
src="/assets/icons/message-icon.svg"
alt="Message"
width={16}
height={16}
/>
}
>
Message
</Button>
<Button
variant="action"
size="sm"
leftIcon={
<Image
src="/assets/icons/clipboard-icon.svg"
alt="Requests"
width={16}
height={16}
/>
}
>
Requests
</Button>
<div className="relative overflow-visible">
<Button
variant="action"
size="sm"
leftIcon={
<Image
src="/assets/icons/message-icon.svg"
alt="Message"
width={16}
height={16}
/>
}
>
Message
</Button>
<span className="absolute -top-2 -right-2 w-3 h-3 bg-red-500 rounded-full border-2 border-white z-10"></span>
</div>
<div className="relative overflow-visible">
<Button
variant="action"
size="sm"
leftIcon={
<Image
src="/assets/icons/clipboard-icon.svg"
alt="Requests"
width={16}
height={16}
/>
}
>
Requests
</Button>
<span className="absolute -top-2 -right-2 w-3 h-3 bg-red-500 rounded-full border-2 border-white z-10"></span>
</div>
</div>
</div>

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

@@ -2,6 +2,7 @@
import { useSession } from 'next-auth/react';
import Image from 'next/image';
import Link from 'next/link';
// Import components from component folder
import {
@@ -103,14 +104,17 @@ export default function AgentDashboard() {
<div className="absolute inset-0 bg-gradient-to-t from-black/50 via-black/20 to-transparent pointer-events-none" />
</div>
{/* Edit Icon - Top Right Outside */}
<button className="absolute -top-3 -right-3 w-9 h-9 bg-white rounded-[10px] shadow-md flex items-center justify-center hover:bg-gray-50 transition-colors">
<Link
href="/agent/edit"
className="absolute -top-3 -right-3 w-9 h-9 bg-white rounded-[10px] shadow-md flex items-center justify-center hover:bg-gray-50 transition-colors"
>
<Image
src="/assets/icons/edit-icon.svg"
alt="Edit profile"
width={20}
height={20}
/>
</button>
</Link>
</div>
{/* Status Buttons */}