From fd893283fcc0453aaa820c1412168315fa8e0a94 Mon Sep 17 00:00:00 2001 From: pdg16 <pdg16@inf.ufpr.br> Date: Fri, 17 Jan 2020 11:40:32 -0300 Subject: [PATCH] add radio field option --- src/App.js | 16 +++++++++++----- 1 file changed, 11 insertions(+), 5 deletions(-) diff --git a/src/App.js b/src/App.js index 0430743..54f41e4 100644 --- a/src/App.js +++ b/src/App.js @@ -9,9 +9,9 @@ import ReorderIcon from '@material-ui/icons/Reorder'; import RadioButtonCheckedIcon from '@material-ui/icons/RadioButtonChecked'; -import FormFieldText from './components/FormFieldText' -import FormFieldSelect from './components/FormFieldSelect' - +import FormFieldText from './components/FormFieldText'; +import FormFieldSelect from './components/FormFieldSelect'; +import FormFieldRadio from './components/FormFieldRadio'; const useStyles = makeStyles(theme => ({ menu: { @@ -40,7 +40,8 @@ function App() { } function addToFormRadio() { - + setForm([...form, {type: "radio", question: "", required: false, options: [""]}]); + console.log(form); } function addSelectOption(index) { @@ -100,7 +101,12 @@ function App() { deleteFromForm={deleteFromForm} addSelectOption={addSelectOption} removeSelectOption={removeSelectOption} setSelectOption={setSelectOption} setTextField={setTextField} setRequiredField={setRequiredField} /> - }) + else if(x.type === "radio") + return <FormFieldRadio question={x.question} options={x.options} idq={index} + deleteFromForm={deleteFromForm} addSelectOption={addSelectOption} + removeSelectOption={removeSelectOption} setSelectOption={setSelectOption} + setTextField={setTextField} setRequiredField={setRequiredField} /> +}) } -- GitLab