Fix bug with displaying children's ages

TritonSE · Feb 26, 2024 · e20c4ec · e20c4ec
1 parent 61d4c9b
commit e20c4ec
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/frontend/src/components/VSRIndividual/PersonalInformation/index.tsx b/frontend/src/components/VSRIndividual/PersonalInformation/index.tsx
@@ -37,15 +37,15 @@ export const PersonalInformation = ({ vsr }: PersonalInformationProps) => {
         <SingleDetail
           className={styles.second}
           title="Age(s)"
-          value={vsr.agesOfBoys && vsr.agesOfBoys.length > 0 ? vsr.agesOfBoys : "N/A"}
+          value={vsr.agesOfBoys && vsr.agesOfBoys.length > 0 ? vsr.agesOfBoys.join(", ") : "N/A"}
         />
       </div>
       <div className={styles.row}>
         <SingleDetail title="Number of girl(s)" value={vsr.agesOfGirls?.length ?? 0} />
         <SingleDetail
           className={styles.second}
           title="Age(s)"
-          value={vsr.agesOfGirls && vsr.agesOfGirls.length > 0 ? vsr.agesOfGirls : "N/A"}
+          value={vsr.agesOfGirls && vsr.agesOfGirls.length > 0 ? vsr.agesOfGirls.join(", ") : "N/A"}
         />
       </div>
       <div className={styles.row}>