Merge branch 'develop'

DahnM20 · Nov 4, 2023 · 1cc6661 · 1cc6661
2 parents 11e7638 + 8e74191
commit 1cc6661
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/packages/ui/src/hooks/useFormFields.tsx b/packages/ui/src/hooks/useFormFields.tsx
@@ -2,7 +2,7 @@ import { useTranslation } from "react-i18next";
 import { NodeLabel, NodeInput, NodeTextarea, NodeSelect, NodeSelectOption, OptionSelector, OptionButton } from "../components/shared/Node.styles";
 import InputNameBar from "../components/shared/nodes-parts/InputNameBar";
 import { Field } from "../nodesConfiguration/nodeConfig";
-import { useEffect } from "react";
+import React, { useEffect } from "react";
 
 
 export function useFormFields(data: any,
@@ -36,36 +36,38 @@ export function useFormFields(data: any,
  switch (field.type) {
  case 'input':
  return (
- <div key={`${id}-${field.name}`}>
+ <React.Fragment key={`${id}-${field.name}`}>
  {
  field.label &&
  <NodeLabel>{t(field.label)}</NodeLabel>
  }
- <NodeInput name={field.name} className="nodrag" defaultValue={data[field.name]} placeholder={field.placeholder ? String(t(field.placeholder)) : ""} onChange={handleNodeDataChange} />
- </div>
+ <NodeInput name={field.name} className="nodrag" defaultValue={data[field.name]} placeholder={field.placeholder ? String(t(field.placeholder)) : ""}
+ onChange={handleNodeDataChange} />
+ </React.Fragment>
  );
 
  case 'textarea':
  return (
- <div key={`${id}-${field.name}`}>
+ <React.Fragment key={`${id}-${field.name}`}>
  {
  field.label &&
  <NodeLabel>{t(field.label)}</NodeLabel>
  }
- <NodeTextarea key={`${id}-${field.name}`} ref={textareaRef} name={field.name} className="nodrag" defaultValue={data[field.name]} placeholder={field.placeholder ? String(t(field.placeholder)) : ""} onChange={handleNodeDataChange} />
- </div>
+ <NodeTextarea key={`${id}-${field.name}`} ref={textareaRef} name={field.name} className="nodrag" defaultValue={data[field.name]}
+ placeholder={field.placeholder ? String(t(field.placeholder)) : ""} onChange={handleNodeDataChange} />
+ </React.Fragment>
  );
  case 'select':
  return (
- <div key={`${id}-${field.name}`}>
- <NodeSelect onChange={(e) => handleOptionChange(field.name, e.target.value)} defaultValue={data[field.name]} className="w-full">
+ <React.Fragment key={`${id}-${field.name}`}>
+ <NodeSelect onChange={(e) => handleOptionChange(field.name, e.target.value)} defaultValue={data[field.name]}>
  {field.options?.map(option => (
  <NodeSelectOption key={`${id}-${option.value}`} >
  {t(option.label)}
  </NodeSelectOption>
  ))}
  </NodeSelect>
- </div>
+ </React.Fragment>
  );
  case 'option':
  return (