fix

src/app/(agent)/agent/dashboard/page.tsx

@@ -17,7 +17,7 @@ import {
 } from '@/components/profile';
 import { agentsService, AgentProfile, FieldValueResponse } from '@/services/agents.service';
 import { uploadService } from '@/services/upload.service';
-import { mapFieldValuesToExperience, mapFieldValuesToProfileCard, mapFieldValuesToAvailability, ExperienceData, ProfileCardData, AvailabilityData } from '@/utils/profileDataMapper';
+import { mapFieldValuesToExperience, mapFieldValuesToProfileCard, mapFieldValuesToAvailability, mapFieldValuesToSpecializationFields, ExperienceData, ProfileCardData, AvailabilityData, SpecializationFieldsData } from '@/utils/profileDataMapper';
 
 // Mock data for sections not yet available from API
 const mockData = {
@@ -42,13 +42,6 @@ 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',
   testimonialHighlight: "The most amazing experience I've had as a real estate professional is helping a family secure their dream home and seeing their happiness when they received the keys.",
-  specialization: {
-    types: ['Buyers', 'Sellers', 'First time Buyers', 'First time Sellers', 'Divorce'],
-    loanTypes: ['Conventional', 'FHA', 'VA', 'USDA'],
-    propertyTypes: ['SFR', 'Town home', 'Rural', 'Luxury', 'Condo'],
-    hobbies: ['Boating', 'Horses', 'RV', 'Automotive', 'Aviation'],
-    pricePoints: ['Under $100K', '$100K – $300K', '$300K – $500K', '$500K – $1M', '$1M and above'],
-  },
   testimonials: [
     {
       id: 1,
@@ -96,6 +89,11 @@ const defaultAvailabilityData: AvailabilityData = {
   schedule: [],
 };
 
+// Default specialization fields data when no field values are available
+const defaultSpecializationFieldsData: SpecializationFieldsData = {
+  fields: [],
+};
+
 export default function AgentDashboard() {
   const { data: session } = useSession();
   const [agentProfile, setAgentProfile] = useState<AgentProfile | null>(null);
@@ -103,6 +101,7 @@ export default function AgentDashboard() {
   const [experienceData, setExperienceData] = useState<ExperienceData>(defaultExperience);
   const [profileCardData, setProfileCardData] = useState<ProfileCardData>(defaultProfileCardData);
   const [availabilityData, setAvailabilityData] = useState<AvailabilityData>(defaultAvailabilityData);
+  const [specializationFieldsData, setSpecializationFieldsData] = useState<SpecializationFieldsData>(defaultSpecializationFieldsData);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
   const [isPhotoModalOpen, setIsPhotoModalOpen] = useState(false);
@@ -146,6 +145,10 @@ export default function AgentDashboard() {
         const mappedAvailability = mapFieldValuesToAvailability(fieldValuesResponse.fieldValues);
         setAvailabilityData(mappedAvailability);
 
+        // Map field values to specialization fields data (only fields from "Specialization" section)
+        const mappedSpecializationFields = mapFieldValuesToSpecializationFields(fieldValuesResponse.fieldValues);
+        setSpecializationFieldsData(mappedSpecializationFields);
+
         // If avatar is an S3 key, fetch presigned URL
         if (profile.avatar && isS3Key(profile.avatar)) {
           try {
@@ -382,7 +385,7 @@ export default function AgentDashboard() {
           </div>
 
           {/* Specialization Section */}
-          <SpecializationSection specialization={mockData.specialization} />
+          <SpecializationSection fieldsData={specializationFieldsData} />
 
           {/* Testimonials Section */}
           <TestimonialsSection testimonials={mockData.testimonials} />