From 8371e61f2e47f6566807a58d666d06cf8fc7468b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Le=20Bihan?= <clement.lebihan773@gmail.com>
Date: Fri, 4 Mar 2022 16:22:15 +0100
Subject: [PATCH] adding checks if json is invalid

---
 web-app/src/components/AREACard.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web-app/src/components/AREACard.tsx b/web-app/src/components/AREACard.tsx
index 45e7411..370625f 100644
--- a/web-app/src/components/AREACard.tsx
+++ b/web-app/src/components/AREACard.tsx
@@ -22,8 +22,8 @@ export const AREACard = ({ AREA, onClick }: AREACardProps) => {
 							variant={"square"}
 						/>
 					}
-					title={<Typography variant="h5">{AREA.label[languageUid]}</Typography>}
-					subheader={AREA.description[languageUid]}
+					title={<Typography variant="h5">{AREA?.label?.[languageUid] ?? AREA.type}</Typography>}
+					subheader={AREA?.description?.[languageUid] ?? ""}
 				/>
 				{Object.keys(AREA.params).length > 0 || Object.keys(AREA.returns).length > 0 ? (
 					<CardContent>
@@ -33,7 +33,7 @@ export const AREACard = ({ AREA, onClick }: AREACardProps) => {
 									<Grid item key={idx}>
 										<Chip
 											label={el[0]}
-											title={el[1].description[languageUid]}
+											title={el[1]?.description?.[languageUid] ?? null}
 											color="secondary"
 											variant="outlined"
 											size="small"
@@ -47,7 +47,7 @@ export const AREACard = ({ AREA, onClick }: AREACardProps) => {
 							{Object.entries(AREA.returns).map((el, idx) => {
 								return (
 									<Grid item key={idx}>
-										<Chip label={el[0]} title={el[1][languageUid]} color="primary" variant="outlined" size="small" />
+										<Chip label={el[0]} title={el[1]?.[languageUid] ?? null} color="primary" variant="outlined" size="small" />
 									</Grid>
 								);
 							})}