AI/ragflow
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/infiniflow/ragflow.git synced 2025-08-12 04:59:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

Feat: Add tooltip to question item of ChunkCreatingModal #3873 (#3878)

Browse Source 
### What problem does this PR solve?

Feat: Add tooltip to question item of ChunkCreatingModal  #3873

### Type of change


- [x] New Feature (non-breaking change which adds functionality)
This commit is contained in:
balibabu 2024-12-05 16:49:55 +08:00 committed by GitHub
parent 8037dc7b76
commit 8bdf1d98a3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 34 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
web/src/pages/flow/canvas/index.tsx
View File

@ -1,8 +1,16 @@
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from '@/components/ui/tooltip';
import { useSetModalState } from '@/hooks/common-hooks'; import { useSetModalState } from '@/hooks/common-hooks';
import { FolderOutput, Import } from 'lucide-react';
import { useCallback, useEffect } from 'react'; import { useCallback, useEffect } from 'react';
import ReactFlow, { import ReactFlow, {
Background, Background,
ConnectionMode, ConnectionMode,
ControlButton,
Controls, Controls,
NodeMouseHandler, NodeMouseHandler,
} from 'reactflow'; } from 'reactflow';
@ -192,7 +200,32 @@ function FlowCanvas({ drawerVisible, hideDrawer }: IProps) {
deleteKeyCode={['Delete', 'Backspace']} deleteKeyCode={['Delete', 'Backspace']}
> >
<Background /> <Background />
<Controls /> <Controls>
<ControlButton
onClick={() => alert('Something magical just happened. ✨')}
>
<TooltipProvider>
<Tooltip>
<TooltipTrigger>
<Import />
</TooltipTrigger>
<TooltipContent>Import</TooltipContent>
</Tooltip>
</TooltipProvider>
</ControlButton>
<ControlButton
onClick={() => alert('Something magical just happened. ✨')}
>
<TooltipProvider>
<Tooltip>
<TooltipTrigger>
<FolderOutput />
</TooltipTrigger>
<TooltipContent>Export</TooltipContent>
</Tooltip>
</TooltipProvider>
</ControlButton>
</Controls>
</ReactFlow> </ReactFlow>
{formDrawerVisible && ( {formDrawerVisible && (
<FormDrawer <FormDrawer