fixed playground page breaking

bobivk · Nov 22, 2024 · 86724e4 · 86724e4
1 parent 5e413f8
commit 86724e4
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/frontend/src/Components/Common/InfoCard.jsx b/frontend/src/Components/Common/InfoCard.jsx
@@ -54,11 +54,14 @@ export const InfoCard = (props) => {
                         color: '#ffc107',
                     }}><path d="M12 .587l3.668 7.568 8.332 1.151-6.064 5.787 1.615 8.162-7.551-4.008L4.449 23.255 6.064 15.093 0 9.305l8.332-1.15z" /></svg></p>
                 <div>{props.description}</div>
+                {console.log(props.ageGroups)}
                 <div id="age" className="card" style={{ marginBottom: "5px" }}>
-                    <span><ChildIcon className="icon" />Деца между {
-                         props.ageGroups.forEach((age) => { return ageGroups[age] })
-                    } години.</span>
+                    <span>
+                        <ChildIcon className="icon" />
+                        Деца между {props.ageGroups?.map((age) => ageGroups[age] ?? "N/A").join(", ")} години.
+                    </span>
                 </div>
+
                 <div id="playgroundLocation" className="card">
                     <span><ParkIcon className="icon" />{props.environment}</span>
                 </div>