Merge branch 'issue/22' into 'development'

Issue #22: Fix answer page form description.

See merge request !24

src/components/fieldsAnswerForm/FormFieldTitle.js

@@ -10,7 +10,7 @@ const useStyles = makeStyles(theme => ({
   paper: {
     padding: theme.spacing(3),
     width: theme.spacing(100),
-    height: theme.spacing(22),
+    height: "40%",
     margin: theme.spacing(2),
     color: "#000000",
     ["@media (max-width:827px)"]: {
@@ -38,10 +38,10 @@ const useStyles = makeStyles(theme => ({
     }
   },
   description: {
-    fontSize: "30px",
+    fontSize: "25px",
     color: "#000000",
     ["@media (max-width:827px)"]: {
-      fontSize: "25px"
+      fontSize: "20px"
     },
     ["@media (max-width:590px)"]: {
       fontSize: "15px"
@@ -53,7 +53,6 @@ function FormFieldText(props) {
   const classes = useStyles();
 
   return (
-    <Grid>
     <Paper className={classes.paper}>
       <Grid container>
         <Grid item xs={12} className={classes.questionsGrid}>
@@ -66,11 +65,11 @@ function FormFieldText(props) {
             {props.title}
           </Typography>
         </Grid>
-          <Grid item xs={9} className={classes.questionsGrid}>
+        <Grid item xs={12} className={classes.questionsGrid}>
           <Typography
             style={{ wordWrap: "break-word" }}
             className={classes.description}
-              variant="h4"
+            variant="h6"
             gutterBottom
           >
             {props.description}
@@ -86,7 +85,6 @@ function FormFieldText(props) {
         ></Grid>
       </Grid>
     </Paper>
-    </Grid>
   );
 }
 

src/pages/AnswerForm.js

@@ -164,6 +164,10 @@ function AnwserForm() {
       .post(`/answer/${id}`, backendTranslation())
       .then(function(res) {
         alert("Formulário respondido!");
+      })
+      .catch(error => {
+        alert("Ocorreu um erro ao responder seu formulário.");
+        return;
       });
   }
 
@@ -200,9 +204,21 @@ function AnwserForm() {
    * @param id - Form id got from the broswer's URL
    */
   async function getForm(id) {
-    const res = await api.get(`/form/${id}`).then(function(res) {
+    const res = await api
+      .get(`/form/${id}`)
+      .then(function(res) {
         setFormData(res.data);
         mapInputs(res.data);
+      })
+      .catch(error => {
+        if (error.response.status === 401) {
+          alert("Você não está logado.");
+          return;
+        }
+        if (error.response.status === 500) {
+          alert("Ocorreu um erro: formulário não encontrado.");
+          return;
+        }
       });
   }