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)
This commit is contained in:
balibabu 2025-02-17 15:25:34 +08:00 committed by GitHub
parent f46448d04c
commit 2ddf278e2d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -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>