From 191afcb940f3e0c67f556a11602f5e9d23b9de5f Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Thu, 7 Mar 2024 20:21:25 -0300
Subject: [PATCH] Fix bug in login functionality

---
 .../src/CustomNodes/GenericNode/index.tsx     | 201 +++++++++---------
 1 file changed, 100 insertions(+), 101 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index e4a48eddb..ef191afee 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -173,9 +173,8 @@ export default function GenericNode({
     const iconColor = nodeColors[types[data.type]];
     const iconName =
       iconElement || (data.node?.flow ? "group_components" : name);
-    const iconClassName = `generic-node-icon ${
-      !showNode ? " absolute inset-x-6 h-12 w-12 " : ""
-    }`;
+    const iconClassName = `generic-node-icon ${!showNode ? " absolute inset-x-6 h-12 w-12 " : ""
+      }`;
     if (iconElement && isEmoji) {
       return nodeIconFragment(iconElement);
     } else {
@@ -304,7 +303,7 @@ export default function GenericNode({
           numberOfHandles={handles}
           showNode={showNode}
           openAdvancedModal={false}
-          onCloseAdvancedModal={() => {}}
+          onCloseAdvancedModal={() => { }}
           selected={selected}
         ></NodeToolbarComponent>
       </NodeToolbar>
@@ -427,33 +426,33 @@ export default function GenericNode({
                             data={data}
                             color={
                               data.node?.template[templateField].input_types &&
-                              data.node?.template[templateField].input_types!
-                                .length > 0
+                                data.node?.template[templateField].input_types!
+                                  .length > 0
                                 ? nodeColors[
-                                    data.node?.template[templateField]
-                                      .input_types![
-                                      data.node?.template[templateField]
-                                        .input_types!.length - 1
-                                    ]
-                                  ] ??
-                                  nodeColors[
-                                    types[
-                                      data.node?.template[templateField]
-                                        .input_types![
-                                        data.node?.template[templateField]
-                                          .input_types!.length - 1
-                                      ]
-                                    ]
-                                  ]
+                                data.node?.template[templateField]
+                                  .input_types![
+                                data.node?.template[templateField]
+                                  .input_types!.length - 1
+                                ]
+                                ] ??
+                                nodeColors[
+                                types[
+                                data.node?.template[templateField]
+                                  .input_types![
+                                data.node?.template[templateField]
+                                  .input_types!.length - 1
+                                ]
+                                ]
+                                ]
                                 : nodeColors[
-                                    data.node?.template[templateField].type!
-                                  ] ??
-                                  nodeColors[
-                                    types[
-                                      data.node?.template[templateField].type!
-                                    ]
-                                  ] ??
-                                  nodeColors.unknown
+                                data.node?.template[templateField].type!
+                                ] ??
+                                nodeColors[
+                                types[
+                                data.node?.template[templateField].type!
+                                ]
+                                ] ??
+                                nodeColors.unknown
                             }
                             title={getFieldTitle(
                               data.node?.template!,
@@ -497,7 +496,7 @@ export default function GenericNode({
                     color={nodeColors[types[data.type]] ?? nodeColors.unknown}
                     title={
                       data.node?.output_types &&
-                      data.node.output_types.length > 0
+                        data.node.output_types.length > 0
                         ? data.node.output_types.join(" | ")
                         : data.type
                     }
@@ -515,60 +514,60 @@ export default function GenericNode({
               )}
             </div>
             {showNode && (
-              <Button variant="secondary" className={"group h-9 px-1.5"}>
-                <div>
-                  <ShadTooltip
-                    content={
-                      buildStatus === BuildStatus.BUILDING ? (
-                        <span> {STATUS_BUILDING} </span>
-                      ) : !validationStatus ? (
-                        <span className="flex">{STATUS_BUILD}</span>
-                      ) : (
-                        <div className="max-h-100 p-2">
-                          <div>
-                            {lastRunTime && (
-                              <div className="justify-left flex text-muted-foreground font-normal">
-                                <div>{RUN_TIMESTAMP_PREFIX}</div>
-                                <div className="ml-1 text-status-blue">
-                                  {lastRunTime}
-                                </div>
-                              </div>
-                            )}
-                          </div>
-                          <div className="justify-left flex text-muted-foreground font-normal">
-                            <div>Duration:</div>
-                            <div className="ml-1 text-status-blue mb-3">
-                              {validationStatus?.data.duration}
-                            </div>
-                          </div>
-                          <hr />
-                          <span className="flex justify-center   text-muted-foreground mt-2 mb-2 font-semibold">
-                            Output
-                          </span>
-                          <div className="max-h-96 overflow-auto custom-scroll font-normal">
-                            {validationString.split("\n").map((line, index) => (
-                              <div className="font-normal" key={index}>{line}</div>
-                            ))}
+              <ShadTooltip
+              content={
+                buildStatus === BuildStatus.BUILDING ? (
+                  <span> {STATUS_BUILDING} </span>
+                ) : !validationStatus ? (
+                  <span className="flex">{STATUS_BUILD}</span>
+                ) : (
+                  <div className="max-h-100 p-2">
+                    <div>
+                      {lastRunTime && (
+                        <div className="justify-left flex text-muted-foreground font-normal">
+                          <div>{RUN_TIMESTAMP_PREFIX}</div>
+                          <div className="ml-1 text-status-blue">
+                            {lastRunTime}
                           </div>
                         </div>
-                      )
-                    }
-                    side="bottom"
-                  >
+                      )}
+                    </div>
+                    <div className="justify-left flex text-muted-foreground font-normal">
+                      <div>Duration:</div>
+                      <div className="ml-1 text-status-blue mb-3">
+                        {validationStatus?.data.duration}
+                      </div>
+                    </div>
+                    <hr />
+                    <span className="flex justify-center   text-muted-foreground mt-2 mb-2 font-semibold">
+                      Output
+                    </span>
+                    <div className="max-h-96 overflow-auto custom-scroll font-normal">
+                      {validationString.split("\n").map((line, index) => (
+                        <div className="font-normal" key={index}>{line}</div>
+                      ))}
+                    </div>
+                  </div>
+                )
+              }
+              side="bottom"
+            >
+              <Button onClick={() => {
+                if (buildStatus === BuildStatus.BUILDING || isBuilding)
+                  return;
+                setValidationStatus(null);
+                buildFlow({ stopNodeId: data.id });
+              }} variant="secondary" className={"group h-9 px-1.5"}>
+                <div>
+                  
                     <div
-                      onClick={() => {
-                        if (buildStatus === BuildStatus.BUILDING || isBuilding)
-                          return;
-                        setValidationStatus(null);
-                        buildFlow({ stopNodeId: data.id });
-                      }}
                       className="generic-node-status-position flex items-center justify-center"
                     >
                       {renderIconStatus(buildStatus, validationStatus)}
                     </div>
-                  </ShadTooltip>
                 </div>
               </Button>
+                  </ShadTooltip>
             )}
           </div>
         </div>
@@ -643,7 +642,7 @@ export default function GenericNode({
                   }}
                 >
                   {(data.node?.description === "" || !data.node?.description) &&
-                  nameEditable
+                    nameEditable
                     ? "Double Click to Edit Description"
                     : data.node?.description}
                 </div>
@@ -656,7 +655,7 @@ export default function GenericNode({
                 .map((templateField: string, idx) => (
                   <div key={idx}>
                     {data.node!.template[templateField].show &&
-                    !data.node!.template[templateField].advanced ? (
+                      !data.node!.template[templateField].advanced ? (
                       <ParameterComponent
                         index={idx.toString()}
                         key={scapedJSONStringfy({
@@ -670,30 +669,30 @@ export default function GenericNode({
                         data={data}
                         color={
                           data.node?.template[templateField].input_types &&
-                          data.node?.template[templateField].input_types!
-                            .length > 0
+                            data.node?.template[templateField].input_types!
+                              .length > 0
                             ? nodeColors[
-                                data.node?.template[templateField].input_types![
-                                  data.node?.template[templateField]
-                                    .input_types!.length - 1
-                                ]
-                              ] ??
-                              nodeColors[
-                                types[
-                                  data.node?.template[templateField]
-                                    .input_types![
-                                    data.node?.template[templateField]
-                                      .input_types!.length - 1
-                                  ]
-                                ]
-                              ]
+                            data.node?.template[templateField].input_types![
+                            data.node?.template[templateField]
+                              .input_types!.length - 1
+                            ]
+                            ] ??
+                            nodeColors[
+                            types[
+                            data.node?.template[templateField]
+                              .input_types![
+                            data.node?.template[templateField]
+                              .input_types!.length - 1
+                            ]
+                            ]
+                            ]
                             : nodeColors[
-                                data.node?.template[templateField].type!
-                              ] ??
-                              nodeColors[
-                                types[data.node?.template[templateField].type!]
-                              ] ??
-                              nodeColors.unknown
+                            data.node?.template[templateField].type!
+                            ] ??
+                            nodeColors[
+                            types[data.node?.template[templateField].type!]
+                            ] ??
+                            nodeColors.unknown
                         }
                         title={getFieldTitle(
                           data.node?.template!,
@@ -745,9 +744,9 @@ export default function GenericNode({
                   data={data}
                   color={
                     (data.node?.output_types &&
-                    data.node.output_types.length > 0
+                      data.node.output_types.length > 0
                       ? nodeColors[data.node.output_types[0]] ??
-                        nodeColors[types[data.node.output_types[0]]]
+                      nodeColors[types[data.node.output_types[0]]]
                       : nodeColors[types[data.type]]) ?? nodeColors.unknown
                   }
                   title={