From 2ddf278e2d39a497a3a7f498fd9c2c8bc55b7936 Mon Sep 17 00:00:00 2001
From: balibabu <cike8899@users.noreply.github.com>
Date: Mon, 17 Feb 2025 15:25:34 +0800
Subject: [PATCH] Fix: Cannot distinguish between export and import icons #5025
 (#5031)

### What problem does this PR solve?

Fix: Cannot distinguish between export and import icons #5025

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)
---
 web/src/pages/flow/canvas/index.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/web/src/pages/flow/canvas/index.tsx b/web/src/pages/flow/canvas/index.tsx
index 459de692c..6ded286b1 100644
--- a/web/src/pages/flow/canvas/index.tsx
+++ b/web/src/pages/flow/canvas/index.tsx
@@ -86,8 +86,6 @@ function FlowCanvas({ drawerVisible, hideDrawer }: IProps) {
   } = useSelectCanvasData();
   const isValidConnection = useValidateConnection();
 
-  const controlIconClassname = 'text-black';
-
   const { onDrop, onDragOver, setReactFlowInstance } = useHandleDrop();
 
   const {
@@ -175,11 +173,11 @@ function FlowCanvas({ drawerVisible, hideDrawer }: IProps) {
         onBeforeDelete={handleBeforeDelete}
       >
         <Background />
-        <Controls>
+        <Controls className="text-black !flex-col-reverse">
           <ControlButton onClick={handleImportJson}>
             <Tooltip>
               <TooltipTrigger asChild>
-                <FolderInput className={controlIconClassname} />
+                <FolderInput className="!fill-none" />
               </TooltipTrigger>
               <TooltipContent>Import</TooltipContent>
             </Tooltip>
@@ -187,7 +185,7 @@ function FlowCanvas({ drawerVisible, hideDrawer }: IProps) {
           <ControlButton onClick={handleExportJson}>
             <Tooltip>
               <TooltipTrigger asChild>
-                <FolderOutput className={controlIconClassname} />
+                <FolderOutput className="!fill-none" />
               </TooltipTrigger>
               <TooltipContent>Export</TooltipContent>
             </Tooltip>
@@ -195,7 +193,7 @@ function FlowCanvas({ drawerVisible, hideDrawer }: IProps) {
           <ControlButton onClick={openDocument}>
             <Tooltip>
               <TooltipTrigger asChild>
-                <Book className={controlIconClassname} />
+                <Book className="!fill-none" />
               </TooltipTrigger>
               <TooltipContent>Document</TooltipContent>
             </Tooltip>