Fix: Missing comments row on Volunteer Profile #413

public/locales/de/translations.json

@@ -607,6 +607,7 @@
         "volunteerType": "Freiwilligen-Typ",
         "activities": "Aktivitäten",
         "skills": "Fähigkeiten & Erfahrungen",
+        "comments": "Kommentare",
         "cancel": "Abbrechen",
         "saveChanges": "Änderungen speichern",
         "saveSuccess": "Profil erfolgreich aktualisiert",

public/locales/en/translations.json

@@ -606,6 +606,7 @@
         "volunteerType": "Volunteer type",
         "activities": "Activities",
         "skills": "Skills & experience",
+        "comments": "Comments",
         "cancel": "Cancel",
         "saveChanges": "Save changes",
         "saveSuccess": "Profile updated successfully",

src/components/Dashboard/Profile/sections/VolunteerProfile/DisplayFields.tsx

@@ -48,6 +48,7 @@ type Props = {
   volunteerTypeStatus: StatusValue | undefined;
   activities: string[];
   skills: string[];
+  comments: string | undefined;
   t: (key: string) => string;
 };
 
@@ -60,6 +61,7 @@ export function DisplayFields({
   volunteerTypeStatus,
   activities,
   skills,
+  comments,
   t,
 }: Props) {
   return (
@@ -120,6 +122,11 @@ export function DisplayFields({
           )}
         </FieldValue>
       </FieldRow>
+
+      <FieldRow>
+        <FieldLabel>{t("dashboard.volunteerProfile.profileSection.comments")}</FieldLabel>
+        <FieldValue>{comments || <EmptyPlaceholder />}</FieldValue>
+      </FieldRow>
     </>
   );
 }

src/components/Dashboard/Profile/sections/VolunteerProfile/VolunteerProfile.tsx

@@ -169,6 +169,7 @@ export const VolunteerProfile = forwardRef<VolunteerProfileRef, Props>(function
             volunteerTypeStatus={volunteer.statusType}
             activities={extractTitles(volunteer.activities)}
             skills={extractTitles(volunteer.skills)}
+            comments={volunteer.infoAbout}
             t={t}
           />
         )}