From 40395401485dcf974866177350c4251a140812f5 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Thu, 29 Jun 2023 19:51:28 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(GenericNode):=20add=20stroke?=
 =?UTF-8?q?Width=20property=20to=20Icon=20component=20to=20fix=20styling?=
 =?UTF-8?q?=20issue=20=F0=9F=90=9B=20fix(NodeModal):=20add=20strokeWidth?=
 =?UTF-8?q?=20property=20to=20Icon=20component=20to=20fix=20styling=20issu?=
 =?UTF-8?q?e=20=F0=9F=90=9B=20fix(DisclosureComponent):=20add=20strokeWidt?=
 =?UTF-8?q?h=20property=20to=20Icon=20component=20to=20fix=20styling=20iss?=
 =?UTF-8?q?ue=20=F0=9F=90=9B=20fix(extraSidebarComponent):=20add=20strokeW?=
 =?UTF-8?q?idth=20property=20to=20Icon=20components=20to=20fix=20styling?=
 =?UTF-8?q?=20issue?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/CustomNodes/GenericNode/index.tsx       | 1 +
 src/frontend/src/modals/NodeModal/index.tsx              | 1 +
 .../FlowPage/components/DisclosureComponent/index.tsx    | 4 ++--
 .../FlowPage/components/extraSidebarComponent/index.tsx  | 9 +++++----
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index d15aae152..ba6f4ce2e 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -98,6 +98,7 @@ export default function GenericNode({
         <div className="flex w-full items-center justify-between gap-8 rounded-t-lg border-b bg-muted p-4  ">
           <div className="flex w-full items-center gap-2 truncate text-lg">
             <Icon
+              strokeWidth={1.5}
               className="h-10 w-10 rounded p-1"
               style={{
                 color: nodeColors[types[data.type]] ?? nodeColors.unknown,
diff --git a/src/frontend/src/modals/NodeModal/index.tsx b/src/frontend/src/modals/NodeModal/index.tsx
index 1ae11d08e..6444aaa14 100644
--- a/src/frontend/src/modals/NodeModal/index.tsx
+++ b/src/frontend/src/modals/NodeModal/index.tsx
@@ -76,6 +76,7 @@ export default function NodeModal({ data }: { data: NodeDataType }) {
                 <div className="h-full w-full flex flex-col justify-center items-center">
                   <div className="flex w-full pb-4 z-10 justify-center shadow-sm">
                     <Icon
+                    strokeWidth={1.5}
                       className="w-10 mt-4 h-10 p-1 rounded"
                       style={{
                         color:
diff --git a/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx
index 364ed52d9..737461c9a 100644
--- a/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx
@@ -14,8 +14,8 @@ export default function DisclosureComponent({
           <div>
             <Disclosure.Button className="select-none bg-muted w-full flex justify-between items-center -mt-px px-3 py-2 border-y border-y-input">
               <div className="flex gap-4">
-                <Icon size={22} className="text-primary " />
-                <span className="flex items-center text-sm text-primary  font-medium">
+                <Icon strokeWidth={1.5} size={22} className="text-primary " />
+                <span className="flex items-center text-sm text-primary">
                   {title}
                 </span>
               </div>
diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index bfb237c50..49ea590d9 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -70,7 +70,7 @@ export default function ExtraSidebar() {
               uploadFlow();
             }}
           >
-            <FileUp className="w-5 h-5 "></FileUp>
+            <FileUp strokeWidth={1.5} className="w-5 h-5 "></FileUp>
           </button>
         </ShadTooltip>
 
@@ -83,7 +83,7 @@ export default function ExtraSidebar() {
               openPopUp(<ExportModal />);
             }}
           >
-            <FileDown className="w-5 h-5  "></FileDown>
+            <FileDown strokeWidth={1.5} className="w-5 h-5  "></FileDown>
           </button>
         </ShadTooltip>
         <ShadTooltip delayDuration={1000} content="Code" side="top">
@@ -95,7 +95,7 @@ export default function ExtraSidebar() {
               openPopUp(<ApiModal flow={flows.find((f) => f.id === tabId)} />);
             }}
           >
-            <Code2 className="w-5 h-5  "></Code2>
+            <Code2 strokeWidth={1.5} className="w-5 h-5  "></Code2>
           </button>
         </ShadTooltip>
 
@@ -109,6 +109,7 @@ export default function ExtraSidebar() {
             disabled={!isPending}
           >
             <Save
+            strokeWidth={1.5}
               className={
                 "w-5 h-5" + (isPending ? " " : " text-muted-foreground")
               }
@@ -134,7 +135,7 @@ export default function ExtraSidebar() {
         />
         <div className="absolute inset-y-0 right-0 flex py-1.5 pr-3 items-center">
         {/* ! replace hash color here */}
-          <Search size={20} className="text-primary" />
+          <Search size={20} strokeWidth={1.5} className="text-primary" />
         </div>
       </div>