From fb36be926266fc8e949499d118c9dfd10f982bc4 Mon Sep 17 00:00:00 2001
From: Felix Henninger <mailbox@felixhenninger.com>
Date: Tue, 4 Aug 2020 21:12:01 +0200
Subject: [PATCH] Port checkbox item to formik

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

diff --git a/packages/builder/src/components/ComponentOptions/components/Content/Page/components/ItemOptions/components/Checkbox.js b/packages/builder/src/components/ComponentOptions/components/Content/Page/components/ItemOptions/components/Checkbox.js
index 204c55123..227ed774e 100644
--- a/packages/builder/src/components/ComponentOptions/components/Content/Page/components/ItemOptions/components/Checkbox.js
+++ b/packages/builder/src/components/ComponentOptions/components/Content/Page/components/ItemOptions/components/Checkbox.js
@@ -1,33 +1,33 @@
 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'
 
+import { Input } from '../../../../../../../Form'
+
 // TODO: Collapse this code with the radio button UI
 
-export default ({ data, rowIndex }) =>
+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="square"
     />
     <CollapsingOptions
-      rowIndex={ rowIndex }
+      name={ name }
+      index={ index }
       shuffle={ true }
     />
   </>