diff --git a/src/frontend/src/components/inputComponent/index.tsx b/src/frontend/src/components/inputComponent/index.tsx
index 15675d621..5430795e9 100644
--- a/src/frontend/src/components/inputComponent/index.tsx
+++ b/src/frontend/src/components/inputComponent/index.tsx
@@ -12,7 +12,7 @@ export default function InputComponent({
}: InputComponentType) {
const [myValue, setMyValue] = useState(value ?? "");
const [pwdVisible, setPwdVisible] = useState(false);
- const {setDisableCopyPaste} = useContext(TabsContext);
+ const { setDisableCopyPaste } = useContext(TabsContext);
useEffect(() => {
if (disabled) {
setMyValue("");
@@ -29,8 +29,12 @@ export default function InputComponent({
>
{if(disableCopyPaste) setDisableCopyPaste(true)}}
- onBlur={() => {if(disableCopyPaste) setDisableCopyPaste(false)}}
+ onFocus={() => {
+ if (disableCopyPaste) setDisableCopyPaste(true);
+ }}
+ onBlur={() => {
+ if (disableCopyPaste) setDisableCopyPaste(false);
+ }}
className={classNames(
"block w-full pr-12 form-input dark:bg-gray-900 dark:border-gray-600 rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm",
disabled ? " bg-gray-200 dark:bg-gray-700" : "",
diff --git a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
index 0c19b9611..0890b25a1 100644
--- a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
+++ b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
@@ -12,7 +12,15 @@ import PromptAreaComponent from "../../../../components/promptComponent";
import CodeAreaComponent from "../../../../components/codeAreaComponent";
import { classNames } from "../../../../utils";
-export default function ModalField({ data, title, required, id, name, type }) {
+export default function ModalField({
+ data,
+ title,
+ required,
+ id,
+ name,
+ type,
+ index,
+}) {
const { save } = useContext(TabsContext);
const [enabled, setEnabled] = useState(
data.node.template[name]?.value ?? false
@@ -30,7 +38,17 @@ export default function ModalField({ data, title, required, id, name, type }) {
+ t.charAt(0) !== "_" &&
+ data.node.template[t].advanced &&
+ data.node.template[t].show
+ ).length -
+ 1 ===
+ index
+ ? "pb-4"
+ : ""
)}
>
{display && (
diff --git a/src/frontend/src/modals/NodeModal/index.tsx b/src/frontend/src/modals/NodeModal/index.tsx
index 57c5a56e3..b44dd5bf3 100644
--- a/src/frontend/src/modals/NodeModal/index.tsx
+++ b/src/frontend/src/modals/NodeModal/index.tsx
@@ -3,7 +3,14 @@ import { XMarkIcon } from "@heroicons/react/24/outline";
import { Fragment, useContext, useRef, useState } from "react";
import { PopUpContext } from "../../contexts/popUpContext";
import { NodeDataType } from "../../types/flow";
-import { nodeColors, nodeIcons, toNormalCase, toTitleCase } from "../../utils";
+import {
+ classNames,
+ limitScrollFieldsModal,
+ nodeColors,
+ nodeIcons,
+ toNormalCase,
+ toTitleCase,
+} from "../../utils";
import { typesContext } from "../../contexts/typesContext";
import ModalField from "./components/ModalField";
@@ -84,8 +91,20 @@ export default function NodeModal({ data }: { data: NodeDataType }) {
-
-
+
+
+ t.charAt(0) !== "_" &&
+ data.node.template[t].advanced &&
+ data.node.template[t].show
+ ).length > limitScrollFieldsModal
+ ? "overflow-scroll overflow-x-hidden custom-scroll"
+ : "overflow-hidden"
+ )}
+ >
{Object.keys(data.node.template)
.filter(
@@ -116,6 +135,7 @@ export default function NodeModal({ data }: { data: NodeDataType }) {
}
name={t}
type={data.node.template[t].type}
+ index={idx}
/>
);
})}
diff --git a/src/frontend/src/pages/FlowPage/index.tsx b/src/frontend/src/pages/FlowPage/index.tsx
index 91c853f9b..f1a1f3b74 100644
--- a/src/frontend/src/pages/FlowPage/index.tsx
+++ b/src/frontend/src/pages/FlowPage/index.tsx
@@ -318,7 +318,7 @@ export default function FlowPage({ flow }: { flow: FlowType }) {
setDisableCopyPaste(false);
}}
onPaneMouseLeave={() => {
- console.log("saiu o mouse")
+ console.log("saiu o mouse");
setDisableCopyPaste(true);
}}
onNodesChange={onNodesChange}
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index 5084d1076..d8595b080 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -25,6 +25,8 @@ export function classNames(...classes: Array) {
return classes.filter(Boolean).join(" ");
}
+export const limitScrollFieldsModal = 7;
+
export enum TypeModal {
TEXT = 1,
PROMPT = 2,