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

feat: Introduce and integrate a mobile back button component across agent and user profile pages.

Browse Source
This commit is contained in:
pradeepkumar
2026-03-20 02:32:58 +05:30
parent d8e75f4a06
commit 9b6fbeb4fd
4 changed files with 45 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/(agent)/agent/edit/page.tsx
View File

@@ -7,6 +7,7 @@ import DynamicSection from './components/DynamicSection';
import RepeatableSection, { RepeatableEntryData } from './components/RepeatableSection';
import { profileSectionsService, ProfileSection, AgentTypeSectionsResponse } from '@/services/profile-sections.service';
import { agentsService, AgentProfile, FieldValueInput } from '@/services/agents.service';
import { MobileBackButton } from '@/components/layout/MobileBackButton';
export default function EditProfilePage() {
const router = useRouter();
@@ -364,6 +365,8 @@ export default function EditProfilePage() {
}
return (
<div>
<MobileBackButton label="Back" fallbackHref="/agent/dashboard" />
<div className="flex gap-6 h-[calc(100vh-180px)]">
{/* Left Sidebar - Quick Links */}
<div className="w-[220px] flex-shrink-0 hidden lg:block h-full overflow-y-auto scrollbar-thin">
@@ -448,5 +451,6 @@ export default function EditProfilePage() {
</div>
</div>
</div>
</div>
);
}

2
src/app/(user)/user/profile/[id]/page.tsx
View File

@@ -16,6 +16,7 @@ import {
ContactInfo,
} from '@/components/profile';
import { ConnectRequestModal } from '@/components/modals';
import { MobileBackButton } from '@/components/layout/MobileBackButton';
import { agentsService, AgentProfile, FieldValueResponse } from '@/services/agents.service';
import { connectionRequestsService, ConnectionStatus } from '@/services/connection-requests.service';
import { uploadService } from '@/services/upload.service';
@@ -277,6 +278,7 @@ export default function AgentProfileView() {
return (
<div className="max-w-7xl mx-auto px-4 lg:px-8 py-6 space-y-6">
<MobileBackButton label="Back" fallbackHref="/user/profiles" />
{/* Main Layout - Responsive: Column on mobile, Row on desktop */}
<div className="flex flex-col lg:flex-row gap-6 lg:items-stretch">
{/* Left Sidebar - Status & Contact */}

4
src/app/(user)/user/profiles/page.tsx
View File

@@ -8,6 +8,7 @@ import { FilterModal, FilterState, FilterField } from '@/components/profiles/Fil
import { agentsService, AgentType, PublicAgentProfile, SearchAgentsParams } from '@/services/agents.service';
import { profileSectionsService, FilterableField } from '@/services/profile-sections.service';
import { uploadService } from '@/services/upload.service';
import { MobileBackButton } from '@/components/layout/MobileBackButton';
interface FilterSectionProps {
title: string;
@@ -281,7 +282,7 @@ function ProfileCard({ profile, resolvedAvatarUrl }: ProfileCardProps) {
className="w-full sm:w-[200px] h-[200px] rounded-[15px]"
/>
<Link href={`/user/profile/${profile.id}`} className="mt-4">
<button className="w-[113px] py-2.5 bg-[#e58625] hover:bg-[#d47720] text-[#00293d] font-fractul font-bold text-[14px] rounded-[15px] transition-colors">
<button className="w-[113px] py-2.5 bg-[#e58625] hover:bg-[#d47720] text-[#00293d] font-fractul font-bold text-[14px] rounded-[15px] transition-colors text-center flex items-center justify-center">
View Profile
</button>
</Link>
@@ -609,6 +610,7 @@ function ProfilesPageContent() {
return (
<div className="min-h-screen bg-white">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
<MobileBackButton label="Back" fallbackHref="/user/dashboard" />
<div className="flex gap-6">
{/* Left Sidebar - hidden on mobile, sticky */}
<div className="hidden lg:block w-[220px] flex-shrink-0 self-start sticky top-6 max-h-[calc(100vh-48px)] overflow-y-auto scrollbar-thin">