From 99ad1dfcd46da292148f8f3265175e3d90a41913 Mon Sep 17 00:00:00 2001
From: Felix Henninger <mailbox@felixhenninger.com>
Date: Mon, 27 Jul 2020 00:59:14 +0200
Subject: [PATCH] Port AOI options to formik

---
 .../Canvas/components/form/Details/AoiOptions.js     | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/builder/src/components/ComponentOptions/components/Content/Canvas/components/form/Details/AoiOptions.js b/packages/builder/src/components/ComponentOptions/components/Content/Canvas/components/form/Details/AoiOptions.js
index 10340e422..048ae9f20 100644
--- a/packages/builder/src/components/ComponentOptions/components/Content/Canvas/components/form/Details/AoiOptions.js
+++ b/packages/builder/src/components/ComponentOptions/components/Content/Canvas/components/form/Details/AoiOptions.js
@@ -1,11 +1,12 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 
-import { DropdownMenu, DropdownItem, Input,
+import { DropdownMenu, DropdownItem,
   InputGroup, InputGroupAddon, InputGroupText } from 'reactstrap'
-import { Control } from 'react-redux-form'
+import { Field } from 'formik'
 
 import Icon from '../../../../../../../Icon'
+import { Input } from '../../../../../../../Form'
 
 const AoiOptions = () =>
   <DropdownMenu right
@@ -20,12 +21,11 @@ const AoiOptions = () =>
             <Icon fixedWidth icon="tag" />
           </InputGroupText>
         </InputGroupAddon>
-        <Control
-          model=".label"
+        <Field
+          name="label"
           component={ Input }
           placeholder="Label"
-          debounce={ 200 }
-          className="form-control text-monospace"
+          className="text-monospace"
         />
       </InputGroup>
     </DropdownItem>