From bc1d6885ed75f3a05347e35023660cbe66af34ad Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Thu, 22 Jun 2023 22:49:42 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20chore(frontend):=20fix=20formatt?=
 =?UTF-8?q?ing=20issues=20in=20multiple=20files=20=F0=9F=9A=80=20feat(fron?=
 =?UTF-8?q?tend):=20add=20hover=20effect=20to=20file=20search=20icon=20in?=
 =?UTF-8?q?=20InputFileComponent=20=F0=9F=9A=80=20feat(frontend):=20add=20?=
 =?UTF-8?q?support=20for=20dark=20mode=20in=20alert=20icons=20=F0=9F=9A=80?=
 =?UTF-8?q?=20feat(frontend):=20add=20support=20for=20dark=20mode=20in=20d?=
 =?UTF-8?q?ropdown=20chevron=20icon=20=F0=9F=9A=80=20feat(frontend):=20add?=
 =?UTF-8?q?=20support=20for=20dark=20mode=20in=20success=20alert=20icon=20?=
 =?UTF-8?q?=F0=9F=9A=80=20feat(frontend):=20add=20support=20for=20dark=20m?=
 =?UTF-8?q?ode=20in=20notice=20alert=20icon=20=F0=9F=9A=80=20feat(frontend?=
 =?UTF-8?q?):=20add=20support=20for=20dark=20mode=20in=20error=20alert=20i?=
 =?UTF-8?q?con=20=F0=9F=9A=80=20feat(frontend):=20add=20support=20for=20pr?=
 =?UTF-8?q?ocess.env.PORT=20environment=20variable=20to=20be=20able=20to?=
 =?UTF-8?q?=20run=20app=20on=20a=20configurable=20port=20=F0=9F=9A=80=20fe?=
 =?UTF-8?q?at(frontend):=20add=20parameter=20types=20to=20GenericNode=20co?=
 =?UTF-8?q?mponent=20=F0=9F=9A=80=20feat(frontend):=20add=20hover=20effect?=
 =?UTF-8?q?=20to=20external=20link=20icon=20in=20CodeAreaComponent=20?=
 =?UTF-8?q?=F0=9F=9A=80=20feat(frontend):=20add=20hover=20effect=20to=20pl?=
 =?UTF-8?q?us=20icon=20in=20MenuBar=20component=20=F0=9F=9A=80=20feat(fron?=
 =?UTF-8?q?tend):=20add=20hover=20effect=20to=20settings=20icon=20in=20Men?=
 =?UTF-8?q?uBar=20component=20=F0=9F=9A=80=20feat(frontend):=20add=20hover?=
 =?UTF-8?q?=20effect=20to=20undo=20icon=20in=20MenuBar=20component=20?=
 =?UTF-8?q?=F0=9F=9A=80=20feat(frontend):=20add=20hover=20effect=20to=20re?=
 =?UTF-8?q?do=20icon=20in=20MenuBar=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🎨 style(inputListComponent): add space before self-closing tag to improve readability
🎨 style(promptComponent): add space before self-closing tag to improve readability
🎨 style(ApiModal): fix indentation to improve readability
🎨 style(chatInput): add space before self-closing tag to improve readability
🎨 style(chatMessage): remove unnecessary line breaks to improve readability
🎨 style(fileComponent): add space before self-closing tag to improve readability
🎨 style(chatModal): remove unnecessary line breaks to improve readability
🎨 style(codeAreaModal): fix indentation to improve readability
🎨 style(genericModal): fix indentation to improve readability
🎨 style(DisclosureComponent): add space before self-closing tag to improve readability
🎨 style(extraSidebarComponent): fix indentation to improve readability
---
 .../src/CustomNodes/GenericNode/index.tsx     | 11 +++++++-
 .../components/singleAlertComponent/index.tsx | 28 ++++++++-----------
 .../src/alerts/alertDropDown/index.tsx        |  4 +--
 src/frontend/src/alerts/error/index.tsx       |  9 +++---
 src/frontend/src/alerts/notice/index.tsx      |  9 +++---
 src/frontend/src/alerts/success/index.tsx     | 11 +++-----
 .../chatComponent/chatMessage/index.tsx       |  1 -
 .../components/codeAreaComponent/index.tsx    |  2 +-
 .../components/dropdownComponent/index.tsx    | 22 +++++++--------
 .../components/menuBar/index.tsx              | 12 +++-----
 .../components/inputFileComponent/index.tsx   |  4 +--
 .../components/inputListComponent/index.tsx   |  2 +-
 .../src/components/promptComponent/index.tsx  |  2 +-
 src/frontend/src/modals/ApiModal/index.tsx    |  7 ++---
 .../src/modals/chatModal/chatInput/index.tsx  | 12 ++++----
 .../modals/chatModal/chatMessage/index.tsx    |  4 +--
 .../modals/chatModal/fileComponent/index.tsx  |  4 +--
 src/frontend/src/modals/chatModal/index.tsx   |  2 +-
 .../src/modals/codeAreaModal/index.tsx        |  5 ++--
 .../src/modals/genericModal/index.tsx         |  5 ++--
 .../components/DisclosureComponent/index.tsx  |  2 +-
 .../extraSidebarComponent/index.tsx           |  4 +--
 22 files changed, 74 insertions(+), 88 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 6252e3772..b507b0cf3 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -6,7 +6,16 @@ import {
 } from "../../utils";
 import ParameterComponent from "./components/parameterComponent";
 import { typesContext } from "../../contexts/typesContext";
-import { useContext, useState, useEffect, useRef, ForwardRefExoticComponent, ComponentType, SVGProps, ReactNode } from "react";
+import {
+  useContext,
+  useState,
+  useEffect,
+  useRef,
+  ForwardRefExoticComponent,
+  ComponentType,
+  SVGProps,
+  ReactNode,
+} from "react";
 import { NodeDataType } from "../../types/flow";
 import { alertContext } from "../../contexts/alertContext";
 import { PopUpContext } from "../../contexts/popUpContext";
diff --git a/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx b/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx
index 99a869b53..0eaf0cf5a 100644
--- a/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx
+++ b/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx
@@ -1,4 +1,3 @@
-
 import { Link } from "react-router-dom";
 import { Transition } from "@headlessui/react";
 import { useState } from "react";
@@ -30,11 +29,10 @@ export default function SingleAlert({
           key={dropItem.id}
         >
           <div className="flex-shrink-0">
-          <XCircle 
-                        className="h-5 w-5 text-red-400 dark:text-red-50"
-                        aria-hidden="true"
-          />
-
+            <XCircle
+              className="h-5 w-5 text-red-400 dark:text-red-50"
+              aria-hidden="true"
+            />
           </div>
           <div className="ml-3">
             <h3 className="text-sm break-words font-medium text-red-800 dark:text-white/80">
@@ -78,11 +76,10 @@ export default function SingleAlert({
           key={dropItem.id}
         >
           <div className="flex-shrink-0">
-          <Info
-                        className="h-5 w-5 text-blue-400 dark:text-blue-50"
-                        aria-hidden="true"
-          />
-
+            <Info
+              className="h-5 w-5 text-blue-400 dark:text-blue-50"
+              aria-hidden="true"
+            />
           </div>
           <div className="ml-3 flex-1 md:flex md:justify-between">
             <p className="text-sm text-blue-700 dark:text-white/80">
@@ -125,11 +122,10 @@ export default function SingleAlert({
           key={dropItem.id}
         >
           <div className="flex-shrink-0">
-          <CheckCircle2
-                        className="h-5 w-5 text-green-400 dark:text-green-50"
-                        aria-hidden="true"
-          />
-
+            <CheckCircle2
+              className="h-5 w-5 text-green-400 dark:text-green-50"
+              aria-hidden="true"
+            />
           </div>
           <div className="ml-3">
             <p className="text-sm font-medium text-green-800 dark:bg-white/80">
diff --git a/src/frontend/src/alerts/alertDropDown/index.tsx b/src/frontend/src/alerts/alertDropDown/index.tsx
index cb35b80cc..78d9c8553 100644
--- a/src/frontend/src/alerts/alertDropDown/index.tsx
+++ b/src/frontend/src/alerts/alertDropDown/index.tsx
@@ -4,7 +4,7 @@ import SingleAlert from "./components/singleAlertComponent";
 import { AlertDropdownType } from "../../types/alerts";
 import { PopUpContext } from "../../contexts/popUpContext";
 import { useOnClickOutside } from "../hooks/useOnClickOutside";
-import { X, Trash2  } from "lucide-react";
+import { X, Trash2 } from "lucide-react";
 
 export default function AlertDropdown({}: AlertDropdownType) {
   const { closePopUp } = useContext(PopUpContext);
@@ -36,7 +36,7 @@ export default function AlertDropdown({}: AlertDropdownType) {
               setTimeout(clearNotificationList, 100);
             }}
           >
-            <Trash2 className="w-[1.1rem] h-[1.1rem]"/>
+            <Trash2 className="w-[1.1rem] h-[1.1rem]" />
           </button>
           <button
             className="text-gray-800 hover:text-red-500 dark:text-gray-200 dark:hover:text-red-500"
diff --git a/src/frontend/src/alerts/error/index.tsx b/src/frontend/src/alerts/error/index.tsx
index 56ae7634e..faa1088bd 100644
--- a/src/frontend/src/alerts/error/index.tsx
+++ b/src/frontend/src/alerts/error/index.tsx
@@ -43,11 +43,10 @@ export default function ErrorAlert({
       >
         <div className="flex">
           <div className="flex-shrink-0">
-          <XCircle
-                        className="h-5 w-5 text-red-400 dark:text-red-50"
-                        aria-hidden="true"
-          />
-
+            <XCircle
+              className="h-5 w-5 text-red-400 dark:text-red-50"
+              aria-hidden="true"
+            />
           </div>
           <div className="ml-3">
             <h3 className="text-sm font-medium text-red-800 dark:text-white/80">
diff --git a/src/frontend/src/alerts/notice/index.tsx b/src/frontend/src/alerts/notice/index.tsx
index 47e26f51d..a61b29822 100644
--- a/src/frontend/src/alerts/notice/index.tsx
+++ b/src/frontend/src/alerts/notice/index.tsx
@@ -40,11 +40,10 @@ export default function NoticeAlert({
       >
         <div className="flex">
           <div className="flex-shrink-0">
-          <Info 
-                        className="h-5 w-5 text-blue-400 dark:text-blue-50"
-                        aria-hidden="true"
-          />
-
+            <Info
+              className="h-5 w-5 text-blue-400 dark:text-blue-50"
+              aria-hidden="true"
+            />
           </div>
           <div className="ml-3 flex-1 md:flex md:justify-between">
             <p className="text-sm text-blue-700 dark:text-white/80">{title}</p>
diff --git a/src/frontend/src/alerts/success/index.tsx b/src/frontend/src/alerts/success/index.tsx
index 899f70f68..120644506 100644
--- a/src/frontend/src/alerts/success/index.tsx
+++ b/src/frontend/src/alerts/success/index.tsx
@@ -3,7 +3,6 @@ import { useEffect, useState } from "react";
 import { SuccessAlertType } from "../../types/alerts";
 import { CheckCircle2 } from "lucide-react";
 
-
 export default function SuccessAlert({
   title,
   id,
@@ -39,12 +38,10 @@ export default function SuccessAlert({
       >
         <div className="flex">
           <div className="flex-shrink-0">
-          <CheckCircle2
-          
-          className="h-5 w-5 text-green-400 dark:text-green-50"
-          aria-hidden="true"
-          />
-
+            <CheckCircle2
+              className="h-5 w-5 text-green-400 dark:text-green-50"
+              aria-hidden="true"
+            />
           </div>
           <div className="ml-3">
             <p className="text-sm font-medium text-green-800 dark:text-white/80">
diff --git a/src/frontend/src/components/chatComponent/chatMessage/index.tsx b/src/frontend/src/components/chatComponent/chatMessage/index.tsx
index ca67908c0..ee11d69cb 100644
--- a/src/frontend/src/components/chatComponent/chatMessage/index.tsx
+++ b/src/frontend/src/components/chatComponent/chatMessage/index.tsx
@@ -1,4 +1,3 @@
-
 import { useState } from "react";
 import { ChatMessageType } from "../../../types/chat";
 import { nodeColors } from "../../../utils";
diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx
index 7fe01ceb1..1730904e2 100644
--- a/src/frontend/src/components/codeAreaComponent/index.tsx
+++ b/src/frontend/src/components/codeAreaComponent/index.tsx
@@ -69,7 +69,7 @@ export default function CodeAreaComponent({
           }}
         >
           {!editNode && (
-            <ExternalLink className="w-6 h-6 hover:text-ring dark:text-gray-300 ml-3"/>
+            <ExternalLink className="w-6 h-6 hover:text-ring dark:text-gray-300 ml-3" />
           )}
         </button>
       </div>
diff --git a/src/frontend/src/components/dropdownComponent/index.tsx b/src/frontend/src/components/dropdownComponent/index.tsx
index 54049fd82..3334735a2 100644
--- a/src/frontend/src/components/dropdownComponent/index.tsx
+++ b/src/frontend/src/components/dropdownComponent/index.tsx
@@ -43,11 +43,10 @@ export default function Dropdown({
                     "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2"
                   }
                 >
-                  <ChevronsUpDown 
-                                      className="h-5 w-5 text-gray-400"
-                                      aria-hidden="true"
+                  <ChevronsUpDown
+                    className="h-5 w-5 text-gray-400"
+                    aria-hidden="true"
                   />
-
                 </span>
               </Listbox.Button>
 
@@ -98,15 +97,14 @@ export default function Dropdown({
                                 "absolute inset-y-0 right-0 flex items-center pr-4"
                               )}
                             >
-                              <Check 
-                                                              className={
-                                                                active
-                                                                  ? "h-5 w-5 dark:text-black text-black"
-                                                                  : "h-5 w-5 dark:text-white text-black"
-                                                              }
-                                                              aria-hidden="true"
+                              <Check
+                                className={
+                                  active
+                                    ? "h-5 w-5 dark:text-black text-black"
+                                    : "h-5 w-5 dark:text-white text-black"
+                                }
+                                aria-hidden="true"
                               />
-
                             </span>
                           ) : null}
                         </>
diff --git a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
index 9637fc3a8..193863758 100644
--- a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
+++ b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
@@ -69,8 +69,7 @@ export const MenuBar = ({ flows, tabId }) => {
               onClick={() => {
                 handleAddFlow();
               }}
-            className="cursor-pointer"
-
+              className="cursor-pointer"
             >
               <Plus className="w-4 h-4 mr-2" />
               New
@@ -79,8 +78,7 @@ export const MenuBar = ({ flows, tabId }) => {
               onClick={() => {
                 openPopUp(<FlowSettingsModal />);
               }}
-            className="cursor-pointer"
-
+              className="cursor-pointer"
             >
               <Settings2 className="w-4 h-4 mr-2 dark:text-gray-300" />
               Settings
@@ -89,8 +87,7 @@ export const MenuBar = ({ flows, tabId }) => {
               onClick={() => {
                 undo();
               }}
-            className="cursor-pointer"
-
+              className="cursor-pointer"
             >
               <Undo className="w-4 h-4 mr-2 dark:text-gray-300" />
               Undo
@@ -99,8 +96,7 @@ export const MenuBar = ({ flows, tabId }) => {
               onClick={() => {
                 redo();
               }}
-            className="cursor-pointer"
-
+              className="cursor-pointer"
             >
               <Redo className="w-4 h-4 mr-2 dark:text-gray-300" />
               Redo
diff --git a/src/frontend/src/components/inputFileComponent/index.tsx b/src/frontend/src/components/inputFileComponent/index.tsx
index cb922a35e..8805dde69 100644
--- a/src/frontend/src/components/inputFileComponent/index.tsx
+++ b/src/frontend/src/components/inputFileComponent/index.tsx
@@ -88,9 +88,7 @@ export default function InputFileComponent({
           {myValue !== "" ? myValue : "No file"}
         </span>
         <button onClick={handleButtonClick}>
-          {!editNode && (
-            <FileSearch2 className="w-8 h-8  hover:text-ring" />
-          )}
+          {!editNode && <FileSearch2 className="w-8 h-8  hover:text-ring" />}
         </button>
       </div>
     </div>
diff --git a/src/frontend/src/components/inputListComponent/index.tsx b/src/frontend/src/components/inputListComponent/index.tsx
index 80a6de417..951d7a7ed 100644
--- a/src/frontend/src/components/inputListComponent/index.tsx
+++ b/src/frontend/src/components/inputListComponent/index.tsx
@@ -60,7 +60,7 @@ export default function InputListComponent({
                 onChange(inputList);
               }}
             >
-              <Plus className={"w-4 h-4 hover:text-ring"}/>
+              <Plus className={"w-4 h-4 hover:text-ring"} />
             </button>
           ) : (
             <button
diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index ef6bae94d..9752c0c10 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -74,7 +74,7 @@ export default function PromptAreaComponent({
           }}
         >
           {!editNode && (
-            <ExternalLink className="w-6 h-6 hover:text-ring dark:text-gray-300"/>
+            <ExternalLink className="w-6 h-6 hover:text-ring dark:text-gray-300" />
           )}
         </button>
       </div>
diff --git a/src/frontend/src/modals/ApiModal/index.tsx b/src/frontend/src/modals/ApiModal/index.tsx
index 2d4bdad4e..17c90548f 100644
--- a/src/frontend/src/modals/ApiModal/index.tsx
+++ b/src/frontend/src/modals/ApiModal/index.tsx
@@ -87,11 +87,10 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
         <DialogHeader>
           <DialogTitle className="flex items-center">
             <span className="pr-2">Code</span>
-            <Code2 
-                          className="h-6 w-6 text-gray-800 pl-1 dark:text-white"
-                          aria-hidden="true"
+            <Code2
+              className="h-6 w-6 text-gray-800 pl-1 dark:text-white"
+              aria-hidden="true"
             />
-
           </DialogTitle>
           <DialogDescription>{EXPORT_CODE_DIALOG}</DialogDescription>
         </DialogHeader>
diff --git a/src/frontend/src/modals/chatModal/chatInput/index.tsx b/src/frontend/src/modals/chatModal/chatInput/index.tsx
index e43114ff1..69d382748 100644
--- a/src/frontend/src/modals/chatModal/chatInput/index.tsx
+++ b/src/frontend/src/modals/chatModal/chatInput/index.tsx
@@ -61,14 +61,14 @@ export default function ChatInput({
       <div className="absolute bottom-0.5 right-3">
         <button disabled={lockChat} onClick={() => sendMessage()}>
           {lockChat ? (
-            <Lock 
-            className="h-5 w-5 text-gray-500  dark:hover:text-gray-300 animate-pulse"
-            aria-hidden="true"
+            <Lock
+              className="h-5 w-5 text-gray-500  dark:hover:text-gray-300 animate-pulse"
+              aria-hidden="true"
             />
           ) : (
-            <Send 
-            className="h-5 w-5 text-gray-500 hover:text-gray-600 dark:hover:text-gray-300"
-            aria-hidden="true"
+            <Send
+              className="h-5 w-5 text-gray-500 hover:text-gray-600 dark:hover:text-gray-300"
+              aria-hidden="true"
             />
           )}
         </button>
diff --git a/src/frontend/src/modals/chatModal/chatMessage/index.tsx b/src/frontend/src/modals/chatModal/chatMessage/index.tsx
index bb404aa6a..3d4ce0b44 100644
--- a/src/frontend/src/modals/chatModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/chatModal/chatMessage/index.tsx
@@ -72,9 +72,7 @@ export default function ChatMessage({
                 onClick={() => setHidden((prev) => !prev)}
                 className="absolute -top-1 -left-2 cursor-pointer"
               >
-                <MessageCircle 
-                className="w-5 h-5 animate-bounce dark:text-white"
-                />
+                <MessageCircle className="w-5 h-5 animate-bounce dark:text-white" />
               </div>
             )}
             {chat.thought && chat.thought !== "" && !hidden && (
diff --git a/src/frontend/src/modals/chatModal/fileComponent/index.tsx b/src/frontend/src/modals/chatModal/fileComponent/index.tsx
index 1c152b5fd..0807cd80c 100644
--- a/src/frontend/src/modals/chatModal/fileComponent/index.tsx
+++ b/src/frontend/src/modals/chatModal/fileComponent/index.tsx
@@ -43,7 +43,7 @@ export default function FileCard({ fileName, content, fileType }) {
               className="text-gray-500 py-1 px-2 dark:bg-gray-700 dark:text-gray-300"
               onClick={handleDownload}
             >
-            <DownloadCloud className="hover:scale-110 w-5 h-5 text-current"/>
+              <DownloadCloud className="hover:scale-110 w-5 h-5 text-current" />
             </button>
           </div>
         )}
@@ -72,7 +72,7 @@ export default function FileCard({ fileName, content, fileType }) {
           <div className="truncate text-sm text-current">{fileName}</div>
           <div className="truncate text-xs  text-gray-500">{fileType}</div>
         </div>
-        <DownloadCloud className="w-6 h-6 text-current ml-auto"/>
+        <DownloadCloud className="w-6 h-6 text-current ml-auto" />
       </div>
     </button>
   );
diff --git a/src/frontend/src/modals/chatModal/index.tsx b/src/frontend/src/modals/chatModal/index.tsx
index 98b0e4b2d..6b1744857 100644
--- a/src/frontend/src/modals/chatModal/index.tsx
+++ b/src/frontend/src/modals/chatModal/index.tsx
@@ -385,7 +385,7 @@ export default function ChatModal({
                         <span className="text-base text-gray-500">
                           Start a conversation and click the agent’s thoughts{" "}
                           <span>
-                          <MessagesSquare className="w-5 h-5 inline animate-bounce mx-1 "/>
+                            <MessagesSquare className="w-5 h-5 inline animate-bounce mx-1 " />
                           </span>{" "}
                           to inspect the chaining process.
                         </span>
diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index 7c8c6f135..f6e4b8e1c 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -52,10 +52,9 @@ export default function CodeAreaModal({
           <DialogTitle className="flex items-center">
             <span className="pr-2">Edit Code</span>
             <TerminalSquare
-                          className="h-6 w-6 text-gray-800 pl-1 dark:text-white"
-                          aria-hidden="true"
+              className="h-6 w-6 text-gray-800 pl-1 dark:text-white"
+              aria-hidden="true"
             />
-
           </DialogTitle>
           <DialogDescription>{CODE_PROMPT_DIALOG_SUBTITLE}</DialogDescription>
         </DialogHeader>
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index f12f21b27..6f89e24a6 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -55,10 +55,9 @@ export default function GenericModal({
           <DialogTitle className="flex items-center">
             <span className="pr-2">{myModalTitle}</span>
             <FileText
-                          className="h-6 w-6 text-gray-800 pl-1 dark:text-white"
-                          aria-hidden="true"
+              className="h-6 w-6 text-gray-800 pl-1 dark:text-white"
+              aria-hidden="true"
             />
-
           </DialogTitle>
           <DialogDescription>
             {(() => {
diff --git a/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx
index 915e22476..6d9f485e8 100644
--- a/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx
@@ -26,7 +26,7 @@ export default function DisclosureComponent({
                   </button>
                 ))}
                 <div>
-                <ChevronRight
+                  <ChevronRight
                     className={`${
                       open || openDisc ? "rotate-90 transform" : ""
                     } h-4 w-4 text-gray-800 dark:text-white`}
diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index b144ae77e..cbe58b37a 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -17,7 +17,7 @@ import { TabsContext } from "../../../../contexts/tabsContext";
 import { alertContext } from "../../../../contexts/alertContext";
 import { INPUT_STYLE } from "../../../../constants";
 import { Separator } from "../../../../components/ui/separator";
-import { Menu  } from "lucide-react";
+import { Menu } from "lucide-react";
 
 export default function ExtraSidebar() {
   const { data } = useContext(typesContext);
@@ -185,7 +185,7 @@ export default function ExtraSidebar() {
                               <span className="text-black dark:text-white w-full pr-1 truncate text-xs">
                                 {t}
                               </span>
-                              <Menu className="w-4 h-6  text-gray-400 dark:text-gray-600"/>
+                              <Menu className="w-4 h-6  text-gray-400 dark:text-gray-600" />
                             </div>
                           </div>
                         </div>