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

feat: implement dynamic work environment section and improve availability data mapping with backend-resolved labels

Browse Source
This commit is contained in:
pradeepkumar
2026-04-14 09:07:37 +05:30
parent 1eccde73e3
commit dc2b279947
3 changed files with 114 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -21,11 +21,12 @@ import { agentsService, AgentProfile, FieldValueResponse } from '@/services/agen
import { connectionRequestsService, ConnectionStatus } from '@/services/connection-requests.service';
import { uploadService } from '@/services/upload.service';
import { testimonialsService, Testimonial } from '@/services/testimonials.service';
import { mapFieldValuesToExperience, mapFieldValuesToSpecializationFields, mapFieldValuesToProfileCard, mapFieldValuesToContactInfo, mapFieldValuesToAvailability, ExperienceData, SpecializationFieldsData, ProfileCardData, ContactInfoData, AvailabilityData } from '@/utils/profileDataMapper';
import { mapFieldValuesToExperience, mapFieldValuesToSpecializationFields, mapFieldValuesToProfileCard, mapFieldValuesToContactInfo, mapFieldValuesToAvailability, mapFieldValuesToWorkEnvironment, ExperienceData, SpecializationFieldsData, ProfileCardData, ContactInfoData, AvailabilityData, WorkEnvironmentData } from '@/utils/profileDataMapper';
// Mock data for sections not yet available from API
const mockData = {
preferredWorkEnvironment: 'Preferred work environment includes on-site property visits, in-depth market research, client consultations, property tours, and active involvement in negotiations to ensure the best outcomes',
// Default work environment data
const defaultWorkEnvironmentData: WorkEnvironmentData = {
label: 'Preferred Work Environment',
content: '',
};
// Default experience data when no field values are available
@@ -70,6 +71,7 @@ const defaultContactInfoData: ContactInfoData = {
const defaultAvailabilityData: AvailabilityData = {
type: '',
schedule: [],
label: 'Availability',
};
export default function AgentProfileView() {
@@ -84,6 +86,7 @@ export default function AgentProfileView() {
const [profileCardData, setProfileCardData] = useState<ProfileCardData>(defaultProfileCardData);
const [contactInfoData, setContactInfoData] = useState<ContactInfoData>(defaultContactInfoData);
const [availabilityData, setAvailabilityData] = useState<AvailabilityData>(defaultAvailabilityData);
const [workEnvironmentData, setWorkEnvironmentData] = useState<WorkEnvironmentData>(defaultWorkEnvironmentData);
const [loading, setLoading] = useState(true);
const [error, setError] = useState<string | null>(null);
const [imageError, setImageError] = useState(false);
@@ -143,6 +146,10 @@ export default function AgentProfileView() {
const mappedAvailability = mapFieldValuesToAvailability(fieldValuesResponse.fieldValues);
setAvailabilityData(mappedAvailability);
// Map field values to work environment data
const mappedWorkEnv = mapFieldValuesToWorkEnvironment(fieldValuesResponse.fieldValues);
setWorkEnvironmentData(mappedWorkEnv);
// Map testimonials for TestimonialsSection
setTestimonials(
testimonialsData.map((t) => ({
@@ -380,11 +387,11 @@ export default function AgentProfileView() {
{/* Info Cards Section */}
<div className="flex flex-col lg:grid lg:grid-cols-3 gap-6">
<InfoCard
title="Availability"
title={availabilityData.label}
icon={
<Image
src="/assets/icons/availability-clock-icon.svg"
alt="Availability"
alt={availabilityData.label}
width={28}
height={31}
/>
@@ -406,18 +413,20 @@ export default function AgentProfileView() {
</div>
}
/>
<InfoCard
title=""
icon={
<Image
src="/assets/icons/work-environment-icon.svg"
alt="Work environment"
width={28}
height={28}
/>
}
content={<p className="font-serif font-semibold text-[14px] leading-[19px] text-[#00293D]">{mockData.preferredWorkEnvironment}</p>}
/>
{workEnvironmentData.content && (
<InfoCard
title={workEnvironmentData.label}
icon={
<Image
src="/assets/icons/work-environment-icon.svg"
alt={workEnvironmentData.label}
width={28}
height={28}
/>
}
content={<p className="font-serif font-semibold text-[14px] leading-[19px] text-[#00293D]">{workEnvironmentData.content}</p>}
/>
)}
{testimonials.length > 0 && (
<InfoCard
title=""