Merge pull request #8 from requisitos-habitica/USpage

US pages
requisitos-habitica · Jun 24, 2019 · 848adc5 · 848adc5
2 parents bab4e88 + e9466b1
commit 848adc5
Show file tree

Hide file tree

Showing 3 changed files with 558 additions and 58 deletions.
diff --git a/src/App.js b/src/App.js
@@ -240,9 +240,9 @@ const App = () => {
 
               {GIFS.map(gif => (
                 <Route
-                  path={`/gif/${gif.id}`}
+                  path={`/US/${gif.id}`}
                   render={() => (
-                    <GIFSComponent id={gif.id} description={gif.description} />
+                    <GIFSComponent id={gif.id} description={gif.description}  frontEnd={gif.frontEnd} backEnd={gif.backEnd} frontReference={gif.frontReference} backReference={gif.backReference} acceptanceCriteria={gif.acceptanceCriteria}/>
                   )}
                 />
               ))}

diff --git a/src/components/docs/PosRastreabilidade/GIFS.js b/src/components/docs/PosRastreabilidade/GIFS.js
@@ -9,13 +9,49 @@ const GIFS = (props) => {
     return(
         <div className="content artefact">
             <HeadArtefact versions={ null } rastreability={ null }
-            title={props.id} author="Pedro Féo e Saleh Kader"/>
+            title={props.id} author="Kaique Borges, Lucas Dutra, Pedro Féo e Saleh Kader"/>
 
             <Card >
                 <h2>Descrição</h2>
                 <p>{props.description}</p>
             </Card>
 
+            <Card >
+                <h2>Critérios de aceitação</h2>
+                {props.acceptanceCriteria.map(criteria=><p>{criteria}</p>)}
+            </Card>
+
+            <Card >
+                <h2>Critérios de pronto</h2>
+                <ul>
+                    <li>Independente</li>
+                    <li>Valiosa</li>
+                    <li>Sucinta</li>
+                    <li>Testável</li>
+                    <li>Negociável</li>
+                </ul>
+            </Card>
+
+            <Card >
+                <h2>Caminho do arquivo Front-end</h2>
+                <p>{props.frontEnd}</p>
+            </Card>
+
+            <Card >
+                <h2>Referência GitHub Front-end</h2>
+                <a href={props.frontReference}>{props.frontReference}</a>
+            </Card>
+
+            <Card >
+                <h2>Caminho do arquivo Back-end</h2>
+                <p>{props.backEnd}</p>
+            </Card>
+
+            <Card >
+                <h2>Referência GitHub Back-end</h2>
+                <a href={props.backReference}>{props.backReference}</a>
+            </Card>
+
             <Card >
                 <h2>GIF</h2>
                 <div className='card-content'>