Issue #10: Cleaning Develop

src/App.js

-import React from 'react';
-import { HashRouter, Route } from 'react-router-dom';
+import React from "react";
+import { HashRouter, Route } from "react-router-dom";
 
-import CreateForm from './pages/CreateForm';
-import AnswerForm from './pages/AnswerForm';
+import CreateForm from "./pages/CreateForm";
+import AnswerForm from "./pages/AnswerForm";
 
 function App() {
   return (

src/components/fieldsAnswerForm/FormFieldRadio.js

-import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import Grid from '@material-ui/core/Grid';
-import Paper from '@material-ui/core/Paper';
-import TextField from '@material-ui/core/TextField';
-import DeleteOutlinedIcon from '@material-ui/icons/DeleteOutlined';
-import IconButton from '@material-ui/core/IconButton';
-import Select from '@material-ui/core/Select';
-import MenuItem from '@material-ui/core/MenuItem';
-import AddCircleIcon from '@material-ui/icons/AddCircle';
-import CloseIcon from '@material-ui/icons/Close';
-import Switch from '@material-ui/core/Switch';
-import FormControlLabel from '@material-ui/core/FormControlLabel';
-import Typography from '@material-ui/core/Typography';
-import Radio from '@material-ui/core/Radio';
-import RadioGroup from '@material-ui/core/RadioGroup';
-
-import FieldFooterOptions from './FieldFooterOptions';
+import React from "react";
+import { makeStyles } from "@material-ui/core/styles";
+import Grid from "@material-ui/core/Grid";
+import Paper from "@material-ui/core/Paper";
+import TextField from "@material-ui/core/TextField";
+import DeleteOutlinedIcon from "@material-ui/icons/DeleteOutlined";
+import IconButton from "@material-ui/core/IconButton";
+import Select from "@material-ui/core/Select";
+import MenuItem from "@material-ui/core/MenuItem";
+import AddCircleIcon from "@material-ui/icons/AddCircle";
+import CloseIcon from "@material-ui/icons/Close";
+import Switch from "@material-ui/core/Switch";
+import FormControlLabel from "@material-ui/core/FormControlLabel";
+import Typography from "@material-ui/core/Typography";
+import Radio from "@material-ui/core/Radio";
+import RadioGroup from "@material-ui/core/RadioGroup";
 
+import FieldFooterOptions from "./FieldFooterOptions";
 
 const useStyles = makeStyles(theme => ({
   paper: {
@@ -26,12 +25,10 @@ const useStyles = makeStyles(theme => ({
     margin: theme.spacing(2)
   },
   questionsGrid: {
-    marginBottom: '20px'
-  },
+    marginBottom: "20px"
+  }
 }));
 
-
-
 function FormFieldRadio(props) {
   const classes = useStyles();
 
@@ -42,13 +39,16 @@ function FormFieldRadio(props) {
   };
 
   const options = props.options.map(function(x) {
-    return <span>
+    return (
+      <span>
         {x.value}
-              <Radio checked={selectedValue === x.value}
+        <Radio
+          checked={selectedValue === x.value}
           onChange={handleChange}
           value={x.value}
         />
-            </span>;
+      </span>
+    );
   });
 
   return (
@@ -59,19 +59,20 @@ function FormFieldRadio(props) {
             {props.question}
           </Typography>
         </Grid>
-        <Grid item container
+        <Grid
+          item
+          container
           direction="column"
           justify="flex-start"
-          alignItems="flex-start" xs={5} className={classes.questionsGrid}
+          alignItems="flex-start"
+          xs={5}
+          className={classes.questionsGrid}
         >
-          <RadioGroup>
-            {options}
-          </RadioGroup>
+          <RadioGroup>{options}</RadioGroup>
         </Grid>
       </Grid>
     </Paper>
   );
-
 }
 
 export default FormFieldRadio;

src/components/fieldsAnswerForm/FormFieldText.js

-import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import Grid from '@material-ui/core/Grid';
-import Paper from '@material-ui/core/Paper';
-import TextField from '@material-ui/core/TextField';
-import DeleteOutlinedIcon from '@material-ui/icons/DeleteOutlined';
-import IconButton from '@material-ui/core/IconButton';
-import Typography from '@material-ui/core/Typography';
+import React from "react";
+import { makeStyles } from "@material-ui/core/styles";
+import Grid from "@material-ui/core/Grid";
+import Paper from "@material-ui/core/Paper";
+import TextField from "@material-ui/core/TextField";
+import DeleteOutlinedIcon from "@material-ui/icons/DeleteOutlined";
+import IconButton from "@material-ui/core/IconButton";
+import Typography from "@material-ui/core/Typography";
 
-import FieldFooterOptions from './FieldFooterOptions';
+import FieldFooterOptions from "./FieldFooterOptions";
 
 const useStyles = makeStyles(theme => ({
   paper: {
@@ -17,8 +17,8 @@ const useStyles = makeStyles(theme => ({
     margin: theme.spacing(2)
   },
   questionsGrid: {
-    marginBottom: '20px'
-  },
+    marginBottom: "20px"
+  }
 }));
 
 function FormFieldText(props) {
@@ -39,17 +39,17 @@ function FormFieldText(props) {
             placeholder="Resposta curta"
           />
         </Grid>
-        <Grid item container
+        <Grid
+          item
+          container
           direction="row"
           justify="flex-end"
           alignItems="flex-end"
           xs={3}
-        >
-        </Grid>
+        ></Grid>
       </Grid>
     </Paper>
   );
-
 }
 
 export default FormFieldText;