From 2aabf54b9d4cd84ab73bbc12d7f0e045155891cb Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Thu, 13 Jul 2023 17:55:21 -0300
Subject: [PATCH] remove some constants from utils to constants

---
 .../src/components/promptComponent/index.tsx       | 11 +++++------
 .../src/components/textAreaComponent/index.tsx     |  2 +-
 src/frontend/src/{constants.tsx => constants.ts}   | 14 ++++++++++++++
 src/frontend/src/modals/NodeModal/index.tsx        |  8 ++------
 src/frontend/src/modals/genericModal/index.tsx     |  2 +-
 src/frontend/src/utils.ts                          |  7 -------
 6 files changed, 23 insertions(+), 21 deletions(-)
 rename src/frontend/src/{constants.tsx => constants.ts} (97%)

diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index 22384c299..6e547d683 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -1,12 +1,11 @@
-import { useContext, useEffect, useState } from "react";
-import { PopUpContext } from "../../contexts/popUpContext";
-import GenericModal from "../../modals/genericModal";
-import { TextAreaComponentType } from "../../types/components";
-import { TypeModal } from "../../utils";
-
 import { ExternalLink } from "lucide-react";
+import { useContext, useEffect, useState } from "react";
+import { TypeModal } from "../../constants";
+import { PopUpContext } from "../../contexts/popUpContext";
 import { typesContext } from "../../contexts/typesContext";
 import { postValidatePrompt } from "../../controllers/API";
+import GenericModal from "../../modals/genericModal";
+import { TextAreaComponentType } from "../../types/components";
 
 export default function PromptAreaComponent({
   field_name,
diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index 8083b4eb7..873bab1e0 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -2,9 +2,9 @@ import { useContext, useEffect, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
 import GenericModal from "../../modals/genericModal";
 import { TextAreaComponentType } from "../../types/components";
-import { TypeModal } from "../../utils";
 
 import { ExternalLink } from "lucide-react";
+import { TypeModal } from "../../constants";
 import { TabsContext } from "../../contexts/tabsContext";
 
 export default function TextAreaComponent({
diff --git a/src/frontend/src/constants.tsx b/src/frontend/src/constants.ts
similarity index 97%
rename from src/frontend/src/constants.tsx
rename to src/frontend/src/constants.ts
index 9c167c271..d7c8f01ae 100644
--- a/src/frontend/src/constants.tsx
+++ b/src/frontend/src/constants.ts
@@ -5,6 +5,14 @@ import { FlowType } from "./types/flow";
 import { TabsState } from "./types/tabs";
 import { buildInputs, buildTweaks } from "./utils";
 
+/**
+ * enum for the different types of nodes
+ * @enum
+ */
+export enum TypeModal {
+  TEXT = 1,
+  PROMPT = 2,
+}
 /**
  * Number maximum of components to scroll on tooltips
  * @constant
@@ -17,6 +25,12 @@ export const MAX_LENGTH_TO_SCROLL_TOOLTIP = 200;
  */
 export const MAX_WORDS_HIGHLIGHT = 79;
 
+/**
+ * Limit of items before show scroll on fields modal
+ * @constant
+ */
+export const limitScrollFieldsModal = 10;
+
 /**
  * The base text for subtitle of Export Dialog (Toolbar)
  * @constant
diff --git a/src/frontend/src/modals/NodeModal/index.tsx b/src/frontend/src/modals/NodeModal/index.tsx
index 95c0e5512..c84858c6d 100644
--- a/src/frontend/src/modals/NodeModal/index.tsx
+++ b/src/frontend/src/modals/NodeModal/index.tsx
@@ -1,15 +1,11 @@
 import { Dialog, Transition } from "@headlessui/react";
 import { X } from "lucide-react";
 import { Fragment, useContext, useRef, useState } from "react";
+import { limitScrollFieldsModal } from "../../constants";
 import { PopUpContext } from "../../contexts/popUpContext";
 import { typesContext } from "../../contexts/typesContext";
 import { NodeDataType } from "../../types/flow";
-import {
-  classNames,
-  limitScrollFieldsModal,
-  nodeIconsLucide,
-  toTitleCase,
-} from "../../utils";
+import { classNames, nodeIconsLucide, toTitleCase } from "../../utils";
 import { nodeColors } from "../../utils/styleUtils";
 import ModalField from "./components/ModalField";
 
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index fa26af1be..9de3b1b73 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -10,6 +10,7 @@ import {
   MAX_WORDS_HIGHLIGHT,
   PROMPT_DIALOG_SUBTITLE,
   TEXT_DIALOG_SUBTITLE,
+  TypeModal,
 } from "../../constants";
 import { alertContext } from "../../contexts/alertContext";
 import { darkContext } from "../../contexts/darkContext";
@@ -18,7 +19,6 @@ import { postValidatePrompt } from "../../controllers/API";
 import { APIClassType } from "../../types/api";
 import {
   INVALID_CHARACTERS,
-  TypeModal,
   classNames,
   getRandomKeyByssmm,
   regexHighlight,
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index 7b06e47d5..e327877b7 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -55,13 +55,6 @@ export function classNames(...classes: Array<string>) {
   return classes.filter(Boolean).join(" ");
 }
 
-export const limitScrollFieldsModal = 10;
-
-export enum TypeModal {
-  TEXT = 1,
-  PROMPT = 2,
-}
-
 export const nodeIconsLucide: {
   [char: string]: React.ForwardRefExoticComponent<
     ComponentType<SVGProps<SVGSVGElement>>