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(); } = useSelectCanvasData();
const isValidConnection = useValidateConnection(); const isValidConnection = useValidateConnection();
const controlIconClassname = 'text-black';
const { onDrop, onDragOver, setReactFlowInstance } = useHandleDrop(); const { onDrop, onDragOver, setReactFlowInstance } = useHandleDrop();
const { const {
@ -175,11 +173,11 @@ function FlowCanvas({ drawerVisible, hideDrawer }: IProps) {
onBeforeDelete={handleBeforeDelete} onBeforeDelete={handleBeforeDelete}
> >
<Background /> <Background />
<Controls> <Controls className="text-black !flex-col-reverse">
<ControlButton onClick={handleImportJson}> <ControlButton onClick={handleImportJson}>
<Tooltip> <Tooltip>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<FolderInput className={controlIconClassname} /> <FolderInput className="!fill-none" />
</TooltipTrigger> </TooltipTrigger>
<TooltipContent>Import</TooltipContent> <TooltipContent>Import</TooltipContent>
</Tooltip> </Tooltip>
@ -187,7 +185,7 @@ function FlowCanvas({ drawerVisible, hideDrawer }: IProps) {
<ControlButton onClick={handleExportJson}> <ControlButton onClick={handleExportJson}>
<Tooltip> <Tooltip>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<FolderOutput className={controlIconClassname} /> <FolderOutput className="!fill-none" />
</TooltipTrigger> </TooltipTrigger>
<TooltipContent>Export</TooltipContent> <TooltipContent>Export</TooltipContent>
</Tooltip> </Tooltip>
@ -195,7 +193,7 @@ function FlowCanvas({ drawerVisible, hideDrawer }: IProps) {
<ControlButton onClick={openDocument}> <ControlButton onClick={openDocument}>
<Tooltip> <Tooltip>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<Book className={controlIconClassname} /> <Book className="!fill-none" />
</TooltipTrigger> </TooltipTrigger>
<TooltipContent>Document</TooltipContent> <TooltipContent>Document</TooltipContent>
</Tooltip> </Tooltip>