From 2a2a6d51489b26ba01b02ee154d56d9b2345f95c Mon Sep 17 00:00:00 2001 From: Gabriel Silva Hermida <gash18@inf.ufpr.br> Date: Thu, 20 Feb 2020 10:48:32 -0300 Subject: [PATCH] Issue #10: Cleaning Develop --- src/App.js | 24 +++--- .../fieldsAnswerForm/FormFieldRadio.js | 73 ++++++++++--------- .../fieldsAnswerForm/FormFieldText.js | 32 ++++---- 3 files changed, 65 insertions(+), 64 deletions(-) diff --git a/src/App.js b/src/App.js index c12655e..6990081 100644 --- a/src/App.js +++ b/src/App.js @@ -1,16 +1,16 @@ -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 ( - <HashRouter> - <Route path="/create" component={CreateForm} /> - <Route path="/answer/:id" component={AnswerForm} /> - </HashRouter> - ); - } + return ( + <HashRouter> + <Route path="/create" component={CreateForm} /> + <Route path="/answer/:id" component={AnswerForm} /> + </HashRouter> + ); +} -export default App; \ No newline at end of file +export default App; diff --git a/src/components/fieldsAnswerForm/FormFieldRadio.js b/src/components/fieldsAnswerForm/FormFieldRadio.js index 3f18ffb..68a79e4 100644 --- a/src/components/fieldsAnswerForm/FormFieldRadio.js +++ b/src/components/fieldsAnswerForm/FormFieldRadio.js @@ -1,22 +1,21 @@ -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> - {x.value} - <Radio checked={selectedValue === x.value} - onChange={handleChange} - value={x.value} - /> - </span>; + return ( + <span> + {x.value} + <Radio + checked={selectedValue === x.value} + onChange={handleChange} + value={x.value} + /> + </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; \ No newline at end of file +export default FormFieldRadio; diff --git a/src/components/fieldsAnswerForm/FormFieldText.js b/src/components/fieldsAnswerForm/FormFieldText.js index a675f3a..91e2f59 100644 --- a/src/components/fieldsAnswerForm/FormFieldText.js +++ b/src/components/fieldsAnswerForm/FormFieldText.js @@ -1,13 +1,13 @@ -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; \ No newline at end of file +export default FormFieldText; -- GitLab