From 8b494b398db1d58f9985d395930dada95c3b12bf Mon Sep 17 00:00:00 2001
From: Felix Henninger <mailbox@felixhenninger.com>
Date: Wed, 5 Aug 2020 18:36:28 +0200
Subject: [PATCH] Port slider item to formik

---
 .../ItemOptions/components/Slider.js           | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/packages/builder/src/components/ComponentOptions/components/Content/Page/components/ItemOptions/components/Slider.js b/packages/builder/src/components/ComponentOptions/components/Content/Page/components/ItemOptions/components/Slider.js
index e64c1f60d..ccf0bf178 100644
--- a/packages/builder/src/components/ComponentOptions/components/Content/Page/components/ItemOptions/components/Slider.js
+++ b/packages/builder/src/components/ComponentOptions/components/Content/Page/components/ItemOptions/components/Slider.js
@@ -1,29 +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 { Input } from '../../../../../../../Form'
 
 import { CollapsingOptions } from './BaseOptions'
 import { ExtraOptions } from './Input'
 
-export default ({ rowIndex }) =>
+export default ({ name, index }) =>
   <>
     <Row form>
       <Col>
-        <Control
-          model=".label"
+        <Field
+          name={ `${ name }.label` }
           placeholder="Question"
           component={ Input }
-          debounce={ 300 }
         />
       </Col>
     </Row>
     <CollapsingOptions
-      rowIndex={ rowIndex }
+      name={ name }
+      index={ index }
       borderTop={ false }
     >
       <div className="mt-2">
-        <ExtraOptions type="number" />
+        <ExtraOptions name={ name } type="number" />
       </div>
     </CollapsingOptions>
   </>