From d065afda3dc2152c9003fd2ea483fdddd6ee97ed Mon Sep 17 00:00:00 2001
From: Felix Henninger <mailbox@felixhenninger.com>
Date: Tue, 4 Aug 2020 20:36:10 +0200
Subject: [PATCH] Port multiple choice item to formik

---
 .../ItemOptions/components/Radio.js           | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/builder/src/components/ComponentOptions/components/Content/Page/components/ItemOptions/components/Radio.js b/packages/builder/src/components/ComponentOptions/components/Content/Page/components/ItemOptions/components/Radio.js
index 2ca9d5e36..0cb097e35 100644
--- a/packages/builder/src/components/ComponentOptions/components/Content/Page/components/ItemOptions/components/Radio.js
+++ b/packages/builder/src/components/ComponentOptions/components/Content/Page/components/ItemOptions/components/Radio.js
@@ -1,31 +1,31 @@
 import React from 'react'
 
-import { Control } from 'react-redux-form'
-import { Row, Col, Input } from 'reactstrap'
+import { Field } from 'formik'
+import { Row, Col } from 'reactstrap'
 
 import { CodingGroup } from './Coding'
 import { CollapsingOptions } from './BaseOptions'
 
-export default ({ data, rowIndex }) =>
+import { Input } from '../../../../../../../Form'
+
+export default ({ name, index }) =>
   <>
     <Row form>
       <Col>
-        <Control
-          model=".label"
+        <Field
+          name={ `${ name }.label` }
           placeholder="Question"
           component={ Input }
-          debounce={ 300 }
         />
       </Col>
     </Row>
     <CodingGroup
-      data={ data.options }
-      model=".options"
-      itemModel={ `.rows[${ rowIndex }][0]` }
+      name={ `${ name }.options` }
       icon="circle"
     />
     <CollapsingOptions
-      rowIndex={ rowIndex }
+      name={ name }
+      index={ index }
       shuffle={ true }
     />
   </>