From 3b147c879d4024fbc10da6f3a46fa5331089e86d Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Thu, 8 Jun 2023 12:09:45 -0300
Subject: [PATCH] Formatting

---
 src/frontend/src/App.tsx                      |   5 +-
 .../src/CustomNodes/GenericNode/index.tsx     | 128 +++++++++---------
 src/frontend/src/index.css                    |  18 +--
 src/frontend/src/utils.ts                     |   7 +-
 4 files changed, 72 insertions(+), 86 deletions(-)

diff --git a/src/frontend/src/App.tsx b/src/frontend/src/App.tsx
index 734c90418..f68c3ea73 100644
--- a/src/frontend/src/App.tsx
+++ b/src/frontend/src/App.tsx
@@ -134,8 +134,9 @@ export default function App() {
         </div>
       </ErrorBoundary>
       <div></div>
-      <div className="flex flex-col-reverse fixed bottom-5 left-5"
-      style={{zIndex: 999}}
+      <div
+        className="flex flex-col-reverse fixed bottom-5 left-5"
+        style={{ zIndex: 999 }}
       >
         {alertsList.map((alert) => (
           <div key={alert.id}>
diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index bd01cde80..86eaf299d 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -102,45 +102,43 @@ export default function GenericNode({
   }
 
   return (
-
     <>
-    <NodeToolbar>
-      <NodeToolbarComponent
-        data={data}
-        openPopUp={openPopUp}
-        deleteNode={deleteNode}
-      ></NodeToolbarComponent>
-    </NodeToolbar>
-    
-    <div
-      className={classNames(
-        selected ? "border border-blue-500" : "border dark:border-gray-700",
-        "prompt-node relative flex w-96 flex-col justify-center rounded-lg bg-white dark:bg-gray-900"
-      )}
-    >
-      <div className="flex w-full items-center justify-between gap-8 rounded-t-lg border-b bg-gray-50 p-4 dark:border-b-gray-700 dark:bg-gray-800 dark:text-white ">
-        <div className="flex w-full items-center gap-2 truncate text-lg">
-          <Icon
-            className="h-10 w-10 rounded p-1"
-            style={{
-              color: nodeColors[types[data.type]] ?? nodeColors.unknown,
-            }}
-          />
-          <div className="ml-2 truncate">
-            <ShadTooltip delayDuration={1500} content={data.type}>
-              <div className="ml-2 truncate">{data.type}</div>
-            </ShadTooltip>
+      <NodeToolbar>
+        <NodeToolbarComponent
+          data={data}
+          openPopUp={openPopUp}
+          deleteNode={deleteNode}
+        ></NodeToolbarComponent>
+      </NodeToolbar>
+
+      <div
+        className={classNames(
+          selected ? "border border-blue-500" : "border dark:border-gray-700",
+          "prompt-node relative flex w-96 flex-col justify-center rounded-lg bg-white dark:bg-gray-900"
+        )}
+      >
+        <div className="flex w-full items-center justify-between gap-8 rounded-t-lg border-b bg-gray-50 p-4 dark:border-b-gray-700 dark:bg-gray-800 dark:text-white ">
+          <div className="flex w-full items-center gap-2 truncate text-lg">
+            <Icon
+              className="h-10 w-10 rounded p-1"
+              style={{
+                color: nodeColors[types[data.type]] ?? nodeColors.unknown,
+              }}
+            />
+            <div className="ml-2 truncate">
+              <ShadTooltip delayDuration={1500} content={data.type}>
+                <div className="ml-2 truncate">{data.type}</div>
+              </ShadTooltip>
+            </div>
           </div>
-        </div>
-        <div className="flex gap-3">
-          <button
-            className="relative"
-            onClick={(event) => {
-              event.preventDefault();
-              openPopUp(<NodeModal data={data} />);
-            }}
-          >
-            </button>
+          <div className="flex gap-3">
+            <button
+              className="relative"
+              onClick={(event) => {
+                event.preventDefault();
+                openPopUp(<NodeModal data={data} />);
+              }}
+            ></button>
           </div>
           <div className="flex gap-3">
             <div>
@@ -222,25 +220,25 @@ export default function GenericNode({
                   {data.node.template[t].show &&
                   !data.node.template[t].advanced ? (
                     <ParameterComponent
-                    data={data}
-                    color={
-                      nodeColors[types[data.node.template[t].type]] ??
-                      nodeColors.unknown
-                    }
-                    title={
-                      data.node.template[t].display_name
-                        ? data.node.template[t].display_name
-                        : data.node.template[t].name
-                        ? toTitleCase(data.node.template[t].name)
-                        : toTitleCase(t)
-                    }
-                    name={t}
-                    tooltipTitle={data.node.template[t].type}
-                    required={data.node.template[t].required}
-                    id={data.node.template[t].type + "|" + t + "|" + data.id}
-                    left={true}
-                    type={data.node.template[t].type}
-                  />
+                      data={data}
+                      color={
+                        nodeColors[types[data.node.template[t].type]] ??
+                        nodeColors.unknown
+                      }
+                      title={
+                        data.node.template[t].display_name
+                          ? data.node.template[t].display_name
+                          : data.node.template[t].name
+                          ? toTitleCase(data.node.template[t].name)
+                          : toTitleCase(t)
+                      }
+                      name={t}
+                      tooltipTitle={data.node.template[t].type}
+                      required={data.node.template[t].required}
+                      id={data.node.template[t].type + "|" + t + "|" + data.id}
+                      left={true}
+                      type={data.node.template[t].type}
+                    />
                   ) : (
                     <></>
                   )}
@@ -257,15 +255,15 @@ export default function GenericNode({
             {/* <div className="px-5 py-2 mt-2 dark:text-white text-center">
                   Output
               </div> */}
-          <ParameterComponent
-            data={data}
-            color={nodeColors[types[data.type]] ?? nodeColors.unknown}
-            title={data.type}
-            tooltipTitle={`${data.node.base_classes.join("\n")}`}
-            id={[data.type, data.id, ...data.node.base_classes].join("|")}
-            type={data.node.base_classes.join("|")}
-            left={false}
-          />
+            <ParameterComponent
+              data={data}
+              color={nodeColors[types[data.type]] ?? nodeColors.unknown}
+              title={data.type}
+              tooltipTitle={`${data.node.base_classes.join("\n")}`}
+              id={[data.type, data.id, ...data.node.base_classes].join("|")}
+              type={data.node.base_classes.join("|")}
+              left={false}
+            />
           </>
         </div>
       </div>
diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index 858a0b47c..6cbba6af7 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -116,18 +116,6 @@
   -radius: 0.5rem;
 }
 
-
-@layer base {
-  * {
-    @apply border-border;
-  }
-
-  body {
-    @apply bg-background text-foreground;
-    font-feature-settings: "rlig" 1, "calt" 1;
-  }
-}
-
 @layer base {
   * {
     @apply border-border;
@@ -142,11 +130,7 @@
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
-    "Ubuntu",
-    "Cantarell",
-    "Fira Sans",
-    "Droid Sans",
-    "Helvetica Neue",
+    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index 5f8d56b51..920c1b296 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -535,9 +535,12 @@ export function updateTemplate(
     if (objectToUpdate[key] && objectToUpdate[key].value) {
       clonedObject[key].value = objectToUpdate[key].value;
     }
-    if(objectToUpdate[key] && objectToUpdate[key].advanced!==null && objectToUpdate[key].advanced!==undefined){
+    if (
+      objectToUpdate[key] &&
+      objectToUpdate[key].advanced !== null &&
+      objectToUpdate[key].advanced !== undefined
+    ) {
       clonedObject[key].advanced = objectToUpdate[key].advanced;
-      
     }
   }
   return clonedObject;