From fa5b80399df3aef784cb3099fa670bb23269f76c Mon Sep 17 00:00:00 2001
From: Igor Carvalho <igorsilvabhz6@gmail.com>
Date: Fri, 23 Jun 2023 19:08:08 -0300
Subject: [PATCH] fix[FlowPage/components/extraSideBarComponent/index.tsx]:
 extra side bar component button hover background

---
 src/frontend/src/index.css                                | 8 ++++----
 .../FlowPage/components/extraSidebarComponent/index.tsx   | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index a68cf5024..6673823ca 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -144,10 +144,10 @@
 
   --success-background: #f0fdf4; /* tailwind green 50 USED IN SUCCESS MSG light-green*/ 
   --success-foreground: #14532d; /* tailwind green 900 USED IN SUCCESS MSG dark-green */
-
-  /* --high-indigo: #4338ca;  tailwind indigo 700 
-  --medium-indigo: #6366f1;  tailwind indigo 500 
-  --medium-dark-blue:#1d4ed8;  tailwind blue 700 Change in component (--ring)
+  --high-indigo: #4338ca;  /*tailwind indigo 700*/ 
+  --medium-indigo: #6366f1;  /* tailwind indigo 500 */
+  --medium-dark-blue:#1d4ed8; /* tailwind blue 700 Change in component (--ring)*/
+  /*
   --medium-high-indigo: #4f46e5;  tailwind indigo 600 
   --medium-emerald: #10b981;  tailwind emerald 500 Unused
   --medium-dark-green: #166534;  tailwind green 800 Unused
diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index 17633eb4d..c93006896 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -66,7 +66,7 @@ export default function ExtraSidebar() {
       <div className="mt-2 mb-2 w-full flex gap-2 justify-between px-2 items-center">
         <ShadTooltip delayDuration={1000} content="Import" side="top">
           <button
-            className="hover:dark:hover:bg-btn-hover-bg text-foreground w-full justify-center shadow-sm transition-all duration-500 ease-in-out dark:bg-foreground dark:text-medium-low-gray  relative inline-flex items-center rounded-md bg-background px-2 py-2 ring-1 ring-inset ring-input hover:bg-high-input"
+            className="hover:dark:hover:bg-btn-hover-bg text-foreground w-full justify-center shadow-sm transition-all duration-500 ease-in-out dark:bg-foreground dark:text-medium-low-gray  relative inline-flex items-center rounded-md bg-background px-2 py-2 ring-1 ring-inset ring-input hover:bg-muted"
             onClick={() => {
               // openPopUp(<ImportModal />);
               uploadFlow();
@@ -79,7 +79,7 @@ export default function ExtraSidebar() {
         <ShadTooltip delayDuration={1000} content="Export" side="top">
           <button
             className={classNames(
-              "hover:dark:hover:bg-btn-hover-bg text-foreground w-full justify-center shadow-sm transition-all duration-500 ease-in-out dark:bg-foreground dark:text-medium-low-gray  relative inline-flex items-center bg-background px-2 py-2  ring-1 ring-inset ring-input hover:bg-high-input rounded-md"
+              "hover:dark:hover:bg-btn-hover-bg text-foreground w-full justify-center shadow-sm transition-all duration-500 ease-in-out dark:bg-foreground dark:text-medium-low-gray  relative inline-flex items-center bg-background px-2 py-2  ring-1 ring-inset ring-input hover:bg-muted rounded-md"
             )}
             onClick={(event) => {
               openPopUp(<ExportModal />);
@@ -91,7 +91,7 @@ export default function ExtraSidebar() {
         <ShadTooltip delayDuration={1000} content="Code" side="top">
           <button
             className={classNames(
-              "hover:dark:hover:bg-btn-hover-bg text-foreground w-full justify-center shadow-sm transition-all duration-500 ease-in-out dark:bg-foreground dark:text-medium-low-gray  relative inline-flex items-center bg-background px-2 py-2  ring-1 ring-inset ring-input hover:bg-high-input rounded-md"
+              "hover:dark:hover:bg-btn-hover-bg text-foreground w-full justify-center shadow-sm transition-all duration-500 ease-in-out dark:bg-foreground dark:text-medium-low-gray  relative inline-flex items-center bg-background px-2 py-2  ring-1 ring-inset ring-input hover:bg-muted rounded-md"
             )}
             onClick={(event) => {
               openPopUp(<ApiModal flow={flows.find((f) => f.id === tabId)} />);
@@ -103,7 +103,7 @@ export default function ExtraSidebar() {
 
         <ShadTooltip delayDuration={1000} content="Save" side="top">
           <button
-            className="hover:dark:hover:bg-btn-hover-bg text-foreground w-full justify-center transition-all shadow-sm duration-500 ease-in-out dark:bg-foreground dark:text-medium-low-gray  relative inline-flex items-center bg-background px-2 py-2  ring-1 ring-inset ring-input hover:bg-gray-50 rounded-md"
+            className="hover:dark:hover:bg-btn-hover-bg text-foreground w-full justify-center transition-all shadow-sm duration-500 ease-in-out dark:bg-foreground dark:text-medium-low-gray  relative inline-flex items-center bg-background px-2 py-2  ring-1 ring-inset ring-input hover:bg-muted rounded-md"
             onClick={(event) => {
               saveFlow(flows.find((f) => f.id === tabId));
               setSuccessData({ title: "Changes saved successfully" });