-
-
+
+ {tabs.map((tab, index) => (
+
+ ))}
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
- {tabs.map((tab, index) => (
-
- ))}
-
-
-
-
- Export your flow to use it with this code.
-
-
-
-
- {tabs[activeTab].code}
-
-
-
-
-
-
-
+
+
);
}
diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
new file mode 100644
index 000000000..f6f4d9111
--- /dev/null
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -0,0 +1,335 @@
+import {
+ ChevronDoubleLeftIcon,
+ ChevronDoubleRightIcon,
+ PencilSquareIcon,
+ XMarkIcon,
+} from "@heroicons/react/24/outline";
+import { Fragment, useContext, useEffect, useRef, useState } from "react";
+import { PopUpContext } from "../../contexts/popUpContext";
+import { NodeDataType } from "../../types/flow";
+import { classNames, limitScrollFieldsModal, nodeIcons } from "../../utils";
+import { typesContext } from "../../contexts/typesContext";
+import {
+ Table,
+ TableBody,
+ TableCaption,
+ TableCell,
+ TableHead,
+ TableHeader,
+ TableRow,
+} from "../../components/ui/table";
+import { Switch } from "../../components/ui/switch";
+import ToggleShadComponent from "../../components/toggleShadComponent";
+import { VariableIcon } from "@heroicons/react/24/outline";
+import InputListComponent from "../../components/inputListComponent";
+import TextAreaComponent from "../../components/textAreaComponent";
+import InputComponent from "../../components/inputComponent";
+import ToggleComponent from "../../components/toggleComponent";
+import FloatComponent from "../../components/floatComponent";
+import Dropdown from "../../components/dropdownComponent";
+import IntComponent from "../../components/intComponent";
+import InputFileComponent from "../../components/inputFileComponent";
+import PromptAreaComponent from "../../components/promptComponent";
+import CodeAreaComponent from "../../components/codeAreaComponent";
+import { TabsContext } from "../../contexts/tabsContext";
+import {
+ Dialog,
+ DialogContent,
+ DialogDescription,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+ DialogTrigger,
+} from "../../components/ui/dialog";
+import { Button } from "../../components/ui/button";
+import { EDIT_DIALOG_SUBTITLE } from "../../constants";
+
+export default function EditNodeModal({ data }: { data: NodeDataType }) {
+ const [open, setOpen] = useState(true);
+ const [nodeLength, setNodeLength] = useState(
+ Object.keys(data.node.template).filter(
+ (t) =>
+ t.charAt(0) !== "_" &&
+ data.node.template[t].show &&
+ (data.node.template[t].type === "str" ||
+ data.node.template[t].type === "bool" ||
+ data.node.template[t].type === "float" ||
+ data.node.template[t].type === "code" ||
+ data.node.template[t].type === "prompt" ||
+ data.node.template[t].type === "file" ||
+ data.node.template[t].type === "int")
+ ).length
+ );
+ const [nodeValue, setNodeValue] = useState(true);
+ const { closePopUp } = useContext(PopUpContext);
+ const { types } = useContext(typesContext);
+ const ref = useRef();
+ const { save } = useContext(TabsContext);
+ const [enabled, setEnabled] = useState(false);
+ if (nodeLength == 0) {
+ closePopUp();
+ }
+
+ function setModalOpen(x: boolean) {
+ setOpen(x);
+ if (x === false) {
+ closePopUp();
+ }
+ }
+
+ function changeAdvanced(node): void {
+ Object.keys(data.node.template).filter((n, i) => {
+ if (n === node.name) {
+ data.node.template[n].advanced = !data.node.template[n].advanced;
+ }
+ return true;
+ });
+ setNodeValue(!nodeValue);
+ }
+
+ console.log(data.node.template);
+
+ return (
+
+ );
+}
diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index 2a14fabe6..405187647 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -1,4 +1,3 @@
-import { Dialog, Transition } from "@headlessui/react";
import { XMarkIcon, CommandLineIcon } from "@heroicons/react/24/outline";
import { Fragment, useContext, useRef, useState } from "react";
import { PopUpContext } from "../../contexts/popUpContext";
@@ -12,6 +11,18 @@ import { darkContext } from "../../contexts/darkContext";
import { checkCode } from "../../controllers/API";
import { alertContext } from "../../contexts/alertContext";
import { TabsContext } from "../../contexts/tabsContext";
+import {
+ Dialog,
+ DialogContent,
+ DialogDescription,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+ DialogTrigger,
+} from "../../components/ui/dialog";
+import { Button } from "../../components/ui/button";
+import { CODE_PROMPT_DIALOG_SUBTITLE } from "../../constants";
+
export default function CodeAreaModal({
value,
setValue,
@@ -34,143 +45,86 @@ export default function CodeAreaModal({
}
}
return (
-
-