diff --git a/src/Components/AchievementDescriptionCard.js b/src/Components/AchievementDescriptionCard.js index 50be1eee03b08a49f4ce9f58668cd93e5596e0a2..58eb3a176a28499b11baaf183b566fc7e5767bc6 100644 --- a/src/Components/AchievementDescriptionCard.js +++ b/src/Components/AchievementDescriptionCard.js @@ -7,7 +7,10 @@ import RequirementDialog from './RequirementsDialog.js'; export default function AchievementDescriptionCard(props) { var teste = [ - {name: "Casas", description: "Construa três casas"} + {name: "Casas", description: "Construa três casas"}, + {name: "Carros", description: "Dirija três carros"}, + {name: "Esportes", description: "Pratique três esportes"}, + {name: "Noites", description: "Sobreviva a três noites"} ]; return ( <Paper elevation={3}> diff --git a/src/Components/RequirementsDialog.js b/src/Components/RequirementsDialog.js index c890878b8bd5c0eef2212491fcf9eabd8e2c86c6..a8f5f208cf28c0ac536b66e959013887eb543f7d 100644 --- a/src/Components/RequirementsDialog.js +++ b/src/Components/RequirementsDialog.js @@ -55,11 +55,22 @@ export default function MaxWidthDialog(props) { onClose={handleClose} aria-labelledby="max-width-dialog-title" > - <DialogTitle id="max-width-dialog-title">Detalhes - {props.title}</DialogTitle> + <DialogTitle id="max-width-dialog-title">{props.title}</DialogTitle> <DialogContent> <DialogContentText> {props.description} <h4>Requisitos</h4> + <dl> + {props.requirements.map( + (r) => { + return( + <div> + <dt>{r.name}</dt> + <dd>{r.description}</dd> + </div> + ); + })} + </dl> </DialogContentText> </DialogContent> <DialogActions>