diff --git a/ui/src/core/ui/form_builder/form_builder.tsx b/ui/src/core/ui/form_builder/form_builder.tsx
index e8a6ad0..8131b3a 100644
--- a/ui/src/core/ui/form_builder/form_builder.tsx
+++ b/ui/src/core/ui/form_builder/form_builder.tsx
@@ -2,7 +2,7 @@ import * as React from "react";
import { FormViewModel, InputBuilderViewModel, InputType } from "./form_view_model";
import { observer } from "mobx-react-lite";
import { FormBuilderStore } from "./form_builder_store";
- import { CoreSelect } from "../select/select";
+import { CoreSelect } from "../select/select";
import { CoreInput } from "../input/input";
import { Icon } from "../icons/icons";
import { CoreText, CoreTextType } from "../text/text";
@@ -38,7 +38,7 @@ export const FormBuilder = observer((props: IFormBuilder) => {
<>Error>
) : (
- {store.formViewModel?.inputs?.map((element,index) => {
+ {store.formViewModel?.inputs?.map((element, index) => {
if (element.type?.isEqual(InputType.ENUM)) {
const values = element.values as string[];
return (
@@ -104,6 +104,7 @@ export const FormBuilder = observer((props: IFormBuilder) => {
return (
{
store.changeTotalSubValue(element.id, subIndex, e);
@@ -136,6 +137,8 @@ export const FormBuilder = observer((props: IFormBuilder) => {
return (
Number().isValid(el) : undefined}
onChange={(e) => {
store.changeTotalValue(element.id, e);
diff --git a/ui/src/core/ui/input/input.tsx b/ui/src/core/ui/input/input.tsx
index a577cff..b30ed35 100644
--- a/ui/src/core/ui/input/input.tsx
+++ b/ui/src/core/ui/input/input.tsx
@@ -16,6 +16,7 @@ interface IInputProps extends IStyle {
type?: CoreInputType;
trim?: boolean;
styleContentEditable?: React.CSSProperties;
+ isFormBuilder?: boolean;
}
export const CoreInput = (props: IInputProps) => {
@@ -29,12 +30,15 @@ export const CoreInput = (props: IInputProps) => {
}
}, [ref, value, isAppendInnerText, setAppendInnerText, props]);
React.useEffect(() => {
- if (ref.current && props.value) {
- ref.current.innerText = value;
- setValue(props.value);
- console.log(props.value);
+ if (props.isFormBuilder === undefined) {
+ if (ref.current && props.value) {
+ ref.current.innerText = value;
+ setValue(props.value);
+ console.log(props.value);
+ }
}
}, [props.value]);
+
const isSmall = props.type !== undefined && props.type.isEqual(CoreInputType.small);
return (