Adding key-value to modal subtitles

src/frontend/src/modals/EditNodeModal/index.tsx

@@ -42,6 +42,7 @@ import {
   DialogTrigger,
 } from "../../components/ui/dialog";
 import { Button } from "../../components/ui/button";
+import { modalSubtitle } from "../modal-texts";
 
 export default function EditNodeModal({ data }: { data: NodeDataType }) {
   const [open, setOpen] = useState(true);
@@ -102,8 +103,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
             />
           </DialogTitle>
           <DialogDescription>
-            Make configurations changes to your nodes. Click save when you're
+          {modalSubtitle['edit']}
-            done.
             <div className="flex pt-3">
               <VariableIcon className="w-5 h-5 pe-1 text-gray-700 stroke-2">
                 &nbsp;

src/frontend/src/modals/codeAreaModal/index.tsx

@@ -21,6 +21,7 @@ import {
   DialogTrigger,
 } from "../../components/ui/dialog";
 import { Button } from "../../components/ui/button";
+import { modalSubtitle } from "../modal-texts";
 
 export default function CodeAreaModal({
   value,
@@ -56,8 +57,7 @@ export default function CodeAreaModal({
             />
           </DialogTitle>
           <DialogDescription>
-            Make configurations changes to your nodes. Click save when you're
+            {modalSubtitle['codeprompt']}
-            done.
           </DialogDescription>
         </DialogHeader>
 

src/frontend/src/modals/exportModal/index.tsx

@@ -23,6 +23,7 @@ import { Label } from "@radix-ui/react-label";
 import { Checkbox } from "../../components/ui/checkbox";
 import { Textarea } from "../../components/ui/textarea";
 import { Input } from "../../components/ui/input";
+import { modalSubtitle } from "../modal-texts";
 
 export default function ExportModal() {
   const [open, setOpen] = useState(true);
@@ -53,8 +54,7 @@ export default function ExportModal() {
             />
           </DialogTitle>
           <DialogDescription>
-            Make configurations changes to your nodes. Click save when you're
+          {modalSubtitle['export']}
-            done.
           </DialogDescription>
         </DialogHeader>
 

src/frontend/src/modals/genericModal/index.tsx

@@ -16,6 +16,7 @@ import {
 } from "../../components/ui/dialog";
 import { Button } from "../../components/ui/button";
 import { Textarea } from "../../components/ui/textarea";
+import { modalSubtitle } from "../modal-texts";
 
 export default function PromptAreaModal({
   value,
@@ -59,8 +60,7 @@ export default function PromptAreaModal({
             />
           </DialogTitle>
           <DialogDescription>
-            Make configurations changes to your nodes. Click save when you're
+          {modalSubtitle['prompt']}
-            done.
           </DialogDescription>
         </DialogHeader>
 

src/frontend/src/modals/modal-texts.tsx

@@ -0,0 +1,8 @@
+
+export const modalSubtitle = {
+    export: "Export your models.",
+    code: "Export your flow to use it with this code.",
+    edit: "Make configurations changes to your nodes. Click save when you're done.",
+    codeprompt: "Edit you python code.",
+    prompt: "Edit you prompt."
+  };