diff --git a/src/components/FieldFooterOptions.js b/src/components/FieldFooterOptions.js
deleted file mode 100644
index 0ef5eca8e69a791086dda6fe92bf9aa54254ed75..0000000000000000000000000000000000000000
--- a/src/components/FieldFooterOptions.js
+++ /dev/null
@@ -1,39 +0,0 @@
-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';
-
-function FieldFooterOptions(props) {
-
- return (
- <>
- <FormControlLabel
- control={
- <Switch
- onChange={e => props.setRequiredField(props.idq) }
- value="required"
- color="primary"
- />
- }
- label="Obrigatória"
- />
- <IconButton aria-label="delete" onClick={() => { props.deleteFromForm(props.idq) } }>
- <DeleteOutlinedIcon />
- </IconButton>
- </>
- );
-
-
-}
-
-
-export default FieldFooterOptions;
\ No newline at end of file
diff --git a/src/components/FormFieldCheckbox.js b/src/components/FormFieldCheckbox.js
deleted file mode 100644
index cb49d70af7230e7d9c99bc5e1ede15e89410e6e7..0000000000000000000000000000000000000000
--- a/src/components/FormFieldCheckbox.js
+++ /dev/null
@@ -1,98 +0,0 @@
-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 CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';
-
-
-import FieldFooterOptions from './FieldFooterOptions';
-
-
-const useStyles = makeStyles(theme => ({
- paper: {
- padding: theme.spacing(3),
- width: theme.spacing(100),
- minheight: theme.spacing(16),
- margin: theme.spacing(2)
- },
- questionsGrid: {
- marginBottom: '20px'
- },
-}));
-
-
-
-function FormFieldCheckbox(props) {
- const classes = useStyles();
-
- return (
- <Paper className={classes.paper}>
- <Grid container>
- <Grid item xs={12} className={classes.questionsGrid}>
- <TextField value={props.question} label="sua pergunta"
- onChange={e => props.setTextField(e.target.value, props.idq)}/>
- </Grid>
- <Grid item container
- direction="column"
- justify="flex-start"
- alignItems="flex-start" xs={5} className={classes.questionsGrid}
- >
- {
- props.options.map((x, index) => {
- return <Grid container>
- <Grid item container
- justify="center"
- alignItems="center"
- xs={1}
- >
- <CheckBoxOutlineBlankIcon/>
- </Grid>
- <Grid item xs={10}>
- <TextField label={"opção "+index} value={x} fullWidth
- onChange={e => props.setSelectOption(e.target.value, props.idq, index)} />
- </Grid>
- <Grid item xs={1}>
- <IconButton aria-label="remove option"
- onClick={() => { props.removeSelectOption(props.idq, index) } }>
- <CloseIcon />
- </IconButton>
- </Grid>
- </Grid>
- })
- }
- </Grid>
- <Grid item container
- direction="column"
- justify="flex-start"
- alignItems="flex-start"
- xs={4}
- >
- <IconButton aria-label="add option" onClick={() => { props.addSelectOption(props.idq) } }>
- <AddCircleIcon />
- </IconButton>
- </Grid>
- <Grid item container
- direction="row"
- justify="flex-end"
- alignItems="flex-end"
- xs={3}
- >
- <FieldFooterOptions deleteFromForm={props.deleteFromForm} idq={props.idq}
- setRequiredField={props.setRequiredField}/>
- </Grid>
- </Grid>
- </Paper>
- );
-
-}
-
-export default FormFieldCheckbox;
\ No newline at end of file
diff --git a/src/components/FormFieldRadio.js b/src/components/FormFieldRadio.js
deleted file mode 100644
index 70d74d4c83f788f568252d11ca8360426254052a..0000000000000000000000000000000000000000
--- a/src/components/FormFieldRadio.js
+++ /dev/null
@@ -1,97 +0,0 @@
-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 RadioButtonUncheckedIcon from '@material-ui/icons/RadioButtonUnchecked';
-
-import FieldFooterOptions from './FieldFooterOptions';
-
-
-const useStyles = makeStyles(theme => ({
- paper: {
- padding: theme.spacing(3),
- width: theme.spacing(100),
- minheight: theme.spacing(16),
- margin: theme.spacing(2)
- },
- questionsGrid: {
- marginBottom: '20px'
- },
-}));
-
-
-
-function FormFieldRadio(props) {
- const classes = useStyles();
-
- return (
- <Paper className={classes.paper}>
- <Grid container>
- <Grid item xs={12} className={classes.questionsGrid}>
- <TextField value={props.question} label="sua pergunta"
- onChange={e => props.setTextField(e.target.value, props.idq)}/>
- </Grid>
- <Grid item container
- direction="column"
- justify="flex-start"
- alignItems="flex-start" xs={5} className={classes.questionsGrid}
- >
- {
- props.options.map((x, index) => {
- return <Grid container>
- <Grid item container
- justify="center"
- alignItems="center"
- xs={1}
- >
- <RadioButtonUncheckedIcon/>
- </Grid>
- <Grid item xs={10}>
- <TextField label={"opção "+index} value={x} fullWidth
- onChange={e => props.setSelectOption(e.target.value, props.idq, index)} />
- </Grid>
- <Grid item xs={1}>
- <IconButton aria-label="remove option"
- onClick={() => { props.removeSelectOption(props.idq, index) } }>
- <CloseIcon />
- </IconButton>
- </Grid>
- </Grid>
- })
- }
- </Grid>
- <Grid item container
- direction="column"
- justify="flex-start"
- alignItems="flex-start"
- xs={4}
- >
- <IconButton aria-label="add option" onClick={() => { props.addSelectOption(props.idq) } }>
- <AddCircleIcon />
- </IconButton>
- </Grid>
- <Grid item container
- direction="row"
- justify="flex-end"
- alignItems="flex-end"
- xs={3}
- >
- <FieldFooterOptions deleteFromForm={props.deleteFromForm} idq={props.idq}
- setRequiredField={props.setRequiredField}/>
- </Grid>
- </Grid>
- </Paper>
- );
-
-}
-
-export default FormFieldRadio;
\ No newline at end of file
diff --git a/src/components/FormFieldSelect.js b/src/components/FormFieldSelect.js
deleted file mode 100644
index 7125a80eca82b24ecde0ede19e6049f66dd568a2..0000000000000000000000000000000000000000
--- a/src/components/FormFieldSelect.js
+++ /dev/null
@@ -1,89 +0,0 @@
-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 FieldFooterOptions from './FieldFooterOptions';
-
-
-const useStyles = makeStyles(theme => ({
- paper: {
- padding: theme.spacing(3),
- width: theme.spacing(100),
- minheight: theme.spacing(16),
- margin: theme.spacing(2)
- },
- questionsGrid: {
- marginBottom: '20px'
- },
-}));
-
-
-
-function FormFieldSelect(props) {
- const classes = useStyles();
-
- return (
- <Paper className={classes.paper}>
- <Grid container>
- <Grid item xs={12} className={classes.questionsGrid}>
- <TextField value={props.question} label="sua pergunta"
- onChange={e => props.setTextField(e.target.value, props.idq)}/>
- </Grid>
- <Grid item container
- direction="column"
- justify="flex-start"
- alignItems="flex-start" xs={5} className={classes.questionsGrid}
- >
- {
- props.options.map((x, index) => {
- return <Grid container>
- <Grid item xs={11}>
- <TextField label={"opção "+index} value={x} fullWidth
- onChange={e => props.setSelectOption(e.target.value, props.idq, index)} />
- </Grid>
- <Grid item xs={1}>
- <IconButton aria-label="remove option"
- onClick={() => { props.removeSelectOption(props.idq, index) } }>
- <CloseIcon />
- </IconButton>
- </Grid>
- </Grid>
- })
- }
- </Grid>
- <Grid item container
- direction="column"
- justify="flex-start"
- alignItems="flex-start"
- xs={4}
- >
- <IconButton aria-label="add option" onClick={() => { props.addSelectOption(props.idq) } }>
- <AddCircleIcon />
- </IconButton>
- </Grid>
- <Grid item container
- direction="row"
- justify="flex-end"
- alignItems="flex-end"
- xs={3}
- >
- <FieldFooterOptions deleteFromForm={props.deleteFromForm} idq={props.idq}
- setRequiredField={props.setRequiredField}/>
- </Grid>
- </Grid>
- </Paper>
- );
-
-}
-
-export default FormFieldSelect;
\ No newline at end of file
diff --git a/src/components/FormFieldText.js b/src/components/FormFieldText.js
deleted file mode 100644
index 31cca400c98f810afa32ff446872777c54a15ab0..0000000000000000000000000000000000000000
--- a/src/components/FormFieldText.js
+++ /dev/null
@@ -1,56 +0,0 @@
-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 FieldFooterOptions from './FieldFooterOptions';
-
-const useStyles = makeStyles(theme => ({
- paper: {
- padding: theme.spacing(3),
- width: theme.spacing(100),
- height: theme.spacing(16),
- margin: theme.spacing(2)
- },
- questionsGrid: {
- marginBottom: '20px'
- },
-}));
-
-function FormFieldText(props) {
- const classes = useStyles();
-
- return (
- <Paper className={classes.paper}>
- <Grid container>
- <Grid item xs={12} className={classes.questionsGrid}>
- <TextField value={props.question} label="sua pergunta"
- onChange={e => props.setTextField(e.target.value, props.idq)}/>
- </Grid>
- <Grid item xs={9} className={classes.questionsGrid}>
- <TextField
- disabled
- id="outlined-disabled"
- label=""
- defaultValue="Resposta curta"
- />
- </Grid>
- <Grid item container
- direction="row"
- justify="flex-end"
- alignItems="flex-end"
- xs={3}
- >
- <FieldFooterOptions deleteFromForm={props.deleteFromForm} idq={props.idq}
- setRequiredField={props.setRequiredField}/>
- </Grid>
- </Grid>
- </Paper>
- );
-
-}
-
-export default FormFieldText;
\ No newline at end of file