From 250ec11705e28ad70f0864597565562bbc3f85b5 Mon Sep 17 00:00:00 2001
From: Raul Almeida <haltsimog@gmail.com>
Date: Tue, 24 Mar 2020 10:37:00 -0300
Subject: [PATCH] Add functional requirement description dialog
---
src/Components/AchievementDescriptionCard.js | 5 ++++-
src/Components/RequirementsDialog.js | 13 ++++++++++++-
2 files changed, 16 insertions(+), 2 deletions(-)
diff --git a/src/Components/AchievementDescriptionCard.js b/src/Components/AchievementDescriptionCard.js
index 50be1eee..58eb3a17 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 c890878b..a8f5f208 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>
--
GitLab