From 6a3e4817ed2870c41f3c2cac652ff90eb82cef65 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 14 Jun 2024 19:05:16 -0300
Subject: [PATCH] Fixed badges exhibition and genericModal footer

---
 .../components/tableAutoCellRender/index.tsx     | 16 ++++++++++++++--
 src/frontend/src/modals/flowLogsModal/index.tsx  |  1 +
 src/frontend/src/modals/genericModal/index.tsx   |  6 +++---
 3 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/frontend/src/components/tableComponent/components/tableAutoCellRender/index.tsx b/src/frontend/src/components/tableComponent/components/tableAutoCellRender/index.tsx
index dd886e4fa..5ee428ccd 100644
--- a/src/frontend/src/components/tableComponent/components/tableAutoCellRender/index.tsx
+++ b/src/frontend/src/components/tableComponent/components/tableAutoCellRender/index.tsx
@@ -30,10 +30,22 @@ export default function TableAutoCellRender({
               variant="outline"
               size="sq"
               className={cn(
-                "min-w-min bg-success-background text-success-foreground hover:bg-success-background"
+                "min-w-min bg-success-background text-success-foreground hover:bg-success-background",
               )}
             >
-              {value}
+              Success
+            </Badge>
+          );
+        } else if (value === "failure") {
+          return (
+            <Badge
+              variant="outline"
+              size="sq"
+              className={cn(
+                "min-w-min bg-error-background text-error-foreground hover:bg-error-background",
+              )}
+            >
+              Failure
             </Badge>
           );
         } else {
diff --git a/src/frontend/src/modals/flowLogsModal/index.tsx b/src/frontend/src/modals/flowLogsModal/index.tsx
index f76fc1978..089c8255c 100644
--- a/src/frontend/src/modals/flowLogsModal/index.tsx
+++ b/src/frontend/src/modals/flowLogsModal/index.tsx
@@ -69,6 +69,7 @@ export default function FlowLogsModal({
         className="h-max-full h-full w-full"
         pagination={rows.length === 0 ? false : true}
         columnDefs={columns}
+        rowHeight={48}
         autoSizeStrategy={{ type: "fitGridWidth" }}
         rowData={rows}
         headerHeight={rows.length === 0 ? 0 : undefined}
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index bff50a2ef..f2dfc8e99 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -270,10 +270,10 @@ export default function GenericModal({
                   ref={divRef}
                   className="max-h-20 overflow-y-auto custom-scroll"
                 >
-                  <div className="flex flex-wrap items-center">
+                  <div className="flex flex-wrap items-center gap-2">
                     <IconComponent
                       name="Braces"
-                      className=" -ml-px mr-1 flex h-4 w-4 text-primary"
+                      className=" flex h-4 w-4 text-primary"
                     />
                     <span className="text-md font-semibold text-primary">
                       Prompt Variables:
@@ -289,7 +289,7 @@ export default function GenericModal({
                           key={index}
                           variant="gray"
                           size="md"
-                          className="m-1 max-w-[40vw] cursor-default truncate p-2.5 text-sm"
+                          className="max-w-[40vw] cursor-default truncate p-1 text-sm"
                         >
                           <div className="relative bottom-[1px]">
                             <span id={"badge" + index.toString()}>