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

fix

Browse Source
This commit is contained in:
pradeepkumar
2026-01-24 23:31:32 +05:30
parent 39af9bc59d
commit ec8116b886
2 changed files with 132 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -17,7 +17,7 @@ import {
} from '@/components/profile';
import { agentsService, AgentProfile, FieldValueResponse } from '@/services/agents.service';
import { uploadService } from '@/services/upload.service';
import { mapFieldValuesToExperience, ExperienceData } from '@/utils/profileDataMapper';
import { mapFieldValuesToExperience, mapFieldValuesToProfileCard, mapFieldValuesToAvailability, ExperienceData, ProfileCardData, AvailabilityData } from '@/utils/profileDataMapper';
// Mock data for sections not yet available from API
const mockData = {
@@ -83,11 +83,26 @@ const defaultExperience: ExperienceData = {
certifications: [],
};
// Default profile card data when no field values are available
const defaultProfileCardData: ProfileCardData = {
bio: '',
expertise: [],
serviceAreas: [],
};
// Default availability data when no field values are available
const defaultAvailabilityData: AvailabilityData = {
type: '',
schedule: [],
};
export default function AgentDashboard() {
const { data: session } = useSession();
const [agentProfile, setAgentProfile] = useState<AgentProfile | null>(null);
const [fieldValues, setFieldValues] = useState<FieldValueResponse[]>([]);
const [experienceData, setExperienceData] = useState<ExperienceData>(defaultExperience);
const [profileCardData, setProfileCardData] = useState<ProfileCardData>(defaultProfileCardData);
const [availabilityData, setAvailabilityData] = useState<AvailabilityData>(defaultAvailabilityData);
const [loading, setLoading] = useState(true);
const [error, setError] = useState<string | null>(null);
const [isPhotoModalOpen, setIsPhotoModalOpen] = useState(false);
@@ -123,6 +138,14 @@ export default function AgentDashboard() {
const mappedExperience = mapFieldValuesToExperience(fieldValuesResponse.fieldValues);
setExperienceData(mappedExperience);
// Map field values to profile card data (bio, expertise)
const mappedProfileCard = mapFieldValuesToProfileCard(fieldValuesResponse.fieldValues);
setProfileCardData(mappedProfileCard);
// Map field values to availability data
const mappedAvailability = mapFieldValuesToAvailability(fieldValuesResponse.fieldValues);
setAvailabilityData(mappedAvailability);
// If avatar is an S3 key, fetch presigned URL
if (profile.avatar && isS3Key(profile.avatar)) {
try {
@@ -290,10 +313,10 @@ export default function AgentDashboard() {
lastName={agentProfile.lastName}
isVerified={agentProfile.isVerified}
title={agentProfile.agentType?.name || 'Real Estate Agent'}
location={agentProfile.serviceAreas?.[0] || 'United States'}
location={profileCardData.serviceAreas?.[0] || (agentProfile as unknown as { city?: string }).city || 'United States'}
memberSince={formatMemberSince((agentProfile as unknown as { createdAt?: string }).createdAt)}
bio={agentProfile.bio || ''}
expertise={agentProfile.specializations || []}
bio={profileCardData.bio || agentProfile.bio || ''}
expertise={profileCardData.expertise}
showEditButton={true}
editHref="/agent/edit"
messageHref="/agent/message"
@@ -317,11 +340,17 @@ export default function AgentDashboard() {
}
content={
<div>
<p className="font-semibold font-serif text-[14px] leading-[19px] text-[#00293D] mb-2">{mockData.availability.type}</p>
{availabilityData.type && (
<p className="font-semibold font-serif text-[14px] leading-[19px] text-[#00293D] mb-2">{availabilityData.type}</p>
)}
<div className="space-y-1">
{mockData.availability.days.map((day) => (
<p key={day} className="font-normal font-serif text-[14px] leading-[19px] text-[#00293D]">{day}</p>
))}
{availabilityData.schedule.length > 0 ? (
availabilityData.schedule.map((item, index) => (
<p key={index} className="font-normal font-serif text-[14px] leading-[19px] text-[#00293D]">{item}</p>
))
) : (
<p className="font-normal font-serif text-[14px] leading-[19px] text-[#00293D]/60">Not specified</p>
)}
</div>
</div>
}