Issue #35: Loading is now a progress gif

closes #35 (closed) Signed-off-by: Richard Heise rfhf19@inf.ufpr.br

src/components/fieldsAnswerForm/FormFieldSubform.js

 import React, { useState, useEffect } from "react";
-import { useParams } from "react-router-dom";
 import { makeStyles } from "@material-ui/core/styles";
 import Grid from "@material-ui/core/Grid";
-import Button from "@material-ui/core/Button";
 import api from "../../api";
+import CircularProgress from "@material-ui/core/CircularProgress";
 
 import FormFieldText from "./FormFieldText";
 import FormFieldSelect from "./FormFieldSelect";
@@ -18,6 +17,9 @@ const useStyles = makeStyles(theme => ({
     top: theme.spacing(10),
     left: "90%",
     padding: theme.spacing(1)
+  },
+  progress: {
+    marginTop: "5%"
   }
 }));
 
@@ -111,7 +113,9 @@ function FormFieldSubform(props) {
           })}
         </div>
       ) : (
-        <p>Loading...</p>
+        <Grid container justify="center" className={classes.progress}>
+          <CircularProgress />
+        </Grid>
       )}
     </Grid>
   );