refactor: remove intermediate component

src/components/Services/ServiceVariables/Editor/index.tsx

@@ -6,23 +6,6 @@ import VisualEditor from './VisualEditor'
 import Toolbar from './Toolbar'
 import { FormValues } from '../types'
 
-//TODO: use a spread operator to pass props to the editor
-const EditorUncontrolled = ({
-  isRawEditorMode,
-  value,
-  onChange,
-}: {
-  isRawEditorMode: boolean
-  value: Object
-  onChange: (newVariables: Object) => void
-}) => {
-  return isRawEditorMode ? (
-    <RawEditor variables={value} onChange={onChange} />
-  ) : (
-    <VisualEditor variables={value} onChange={onChange} />
-  )
-}
-
 const EditorControlled = ({
   control,
   defaultValues,
@@ -37,13 +20,13 @@ const EditorControlled = ({
       name="variables"
       control={control}
       defaultValue={defaultValues}
-      render={({ field: { value, onChange } }) => (
-        <EditorUncontrolled
-          value={value}
-          onChange={onChange}
-          isRawEditorMode={isRawEditorMode}
-        />
-      )}
+      render={({ field: { value, onChange } }) =>
+        isRawEditorMode ? (
+          <RawEditor variables={value} onChange={onChange} />
+        ) : (
+          <VisualEditor variables={value} onChange={onChange} />
+        )
+      }
     />
   )
 }