opensource/dify
2
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-05-06 01:26:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: file type checkbox

Browse Source
This commit is contained in:
Joel 2024-08-27 17:15:02 +08:00
parent cfbabb8383
commit 9851153d38
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/app/components/workflow/nodes/_base/components/file-type-item.tsx
View File

@ -6,6 +6,7 @@ import { SupportUploadFileTypes } from '../../../types'
import cn from '@/utils/classnames' import cn from '@/utils/classnames'
import { FILE_EXTS } from '@/app/components/base/prompt-editor/constants' import { FILE_EXTS } from '@/app/components/base/prompt-editor/constants'
import TagInput from '@/app/components/base/tag-input' import TagInput from '@/app/components/base/tag-input'
import Checkbox from '@/app/components/base/checkbox'
type Props = { type Props = {
type: SupportUploadFileTypes.image | SupportUploadFileTypes.document | SupportUploadFileTypes.audio | SupportUploadFileTypes.video | SupportUploadFileTypes.custom type: SupportUploadFileTypes.image | SupportUploadFileTypes.document | SupportUploadFileTypes.audio | SupportUploadFileTypes.video | SupportUploadFileTypes.custom
@ -45,7 +46,8 @@ const FileTypeItem: FC<Props> = ({
<div> <div>
<div className='flex items-center p-3 pb-2 border-b border-divider-subtle'> <div className='flex items-center p-3 pb-2 border-b border-divider-subtle'>
<span className='shrink-0 w-4 h-4 bg-[#00B2EA]'></span> <span className='shrink-0 w-4 h-4 bg-[#00B2EA]'></span>
<div className='ml-2 text-text-primary system-sm-medium'>{t(`appDebug.variableConig.file.${type}.name`)}</div> <div className='mx-2 grow text-text-primary system-sm-medium'>{t(`appDebug.variableConig.file.${type}.name`)}</div>
<Checkbox className='shrink-0' checked={selected} />
</div> </div>
<div className='p-3' onClick={e => e.stopPropagation()}> <div className='p-3' onClick={e => e.stopPropagation()}>
<TagInput <TagInput
@ -60,10 +62,11 @@ const FileTypeItem: FC<Props> = ({
<div className='flex items-center'> <div className='flex items-center'>
{/* TODO: Wait File type icon */} {/* TODO: Wait File type icon */}
<span className='shrink-0 w-4 h-4 bg-[#00B2EA]'></span> <span className='shrink-0 w-4 h-4 bg-[#00B2EA]'></span>
<div className='ml-2'> <div className='mx-2 grow'>
<div className='text-text-primary system-sm-medium'>{t(`appDebug.variableConig.file.${type}.name`)}</div> <div className='text-text-primary system-sm-medium'>{t(`appDebug.variableConig.file.${type}.name`)}</div>
<div className='mt-1 text-text-tertiary system-2xs-regular-uppercase'>{type !== SupportUploadFileTypes.custom ? FILE_EXTS[type].join(', ') : t('appDebug.variableConig.file.custom.description')}</div> <div className='mt-1 text-text-tertiary system-2xs-regular-uppercase'>{type !== SupportUploadFileTypes.custom ? FILE_EXTS[type].join(', ') : t('appDebug.variableConig.file.custom.description')}</div>
</div> </div>
<Checkbox className='shrink-0' checked={selected} />
</div> </div>
)} )}