Austin/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2024-11-16 11:42:29 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

chore: handle icon toggle fold

Browse Source
This commit is contained in:
Joel 2024-10-31 12:00:11 +08:00
parent 074e660a67
commit 7dd7f06f7d
1 changed files with 18 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
web/app/components/workflow/block-selector/tool/tool.tsx
View File

@ -32,14 +32,11 @@ const Tool: FC<Props> = ({
const language = useGetLanguage()
const isTreeView = viewType === ViewType.tree
const actions = payload.tools
const isToolPlugin = payload.type === CollectionType.builtIn
const hasAction = payload.type === CollectionType.builtIn
const [isFold, {
toggle: toggleFold,
}] = useBoolean(false)
const FoldIcon = isFold ? RiArrowDownSLine : RiArrowRightSLine
const {
label,
} = payload
return (
<div
@ -48,21 +45,21 @@ const Tool: FC<Props> = ({
>
<div className={cn(className)}>
<div
className='flex items-center justify-between pl-3 pr-1 w-full rounded-lg hover:bg-gray-50 cursor-pointer'
// onClick={() => {
// if (isToolPlugin) {
// toggleFold()
// return
// }
// onSelect(BlockEnum.Tool, {
// provider_id: provider.id,
// provider_type: provider.type,
// provider_name: provider.name,
// tool_name: payload.name,
// tool_label: payload.label[language],
// title: payload.label[language],
// })
// }}
className='flex items-center justify-between pl-3 pr-1 w-full rounded-lg hover:bg-gray-50 cursor-pointer select-none'
onClick={() => {
if (hasAction) {
toggleFold()
return
}
onSelect(BlockEnum.Tool, {
provider_id: payload.id,
provider_type: payload.type,
provider_name: payload.name,
tool_name: payload.name,
tool_label: payload.label[language],
title: payload.label[language],
})
}}
>
<div className='flex grow items-center h-8'>
<BlockIcon
@ -72,12 +69,12 @@ const Tool: FC<Props> = ({
/>
<div className='ml-2 text-sm text-gray-900 flex-1 w-0 grow truncate'>{payload.label[language]}</div>
</div>
{isToolPlugin && (
{hasAction && (
<FoldIcon className={cn('w-4 h-4 text-text-quaternary shrink-0', isFold && 'text-text-tertiary')} />
)}
</div>
{isToolPlugin && (
{hasAction && isFold && (
actions.map(action => (
<ActonItem
key={action.name}