youngkingdom/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-05-05 09:58:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

add panel of result

Browse Source
This commit is contained in:
JzoNg
2024-03-12 21:04:58 +08:00
parent 92e9b1bbb1
commit 768ca2d3f0
6 changed files with 128 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
web/app/(commonLayout)/apps/AppModeLabel.tsx
View File

@ -1,48 +0,0 @@
'use client'
import { useTranslation } from 'react-i18next'
import { type AppMode } from '@/types/app'
import { AiText, CuteRobote } from '@/app/components/base/icons/src/vender/solid/communication'
import { BubbleText } from '@/app/components/base/icons/src/vender/solid/education'
import { Route } from '@/app/components/base/icons/src/vender/line/mapsAndTravel'
export type AppModeLabelProps = {
mode: AppMode
}
const AppModeLabel = ({
mode,
}: AppModeLabelProps) => {
const { t } = useTranslation()
return (
<>
{mode === 'completion' && (
<div className='inline-flex items-center px-2 h-6 rounded-md bg-gray-50 border border-gray-100 text-xs text-gray-500'>
<AiText className='mr-1 w-3 h-3' />
{t('app.types.completion')}
</div>
)}
{(mode === 'chat' || mode === 'advanced-chat') && (
<div className='inline-flex items-center px-2 h-6 rounded-md bg-blue-25 border border-blue-100 text-xs text-blue-600'>
<BubbleText className='mr-1 w-3 h-3' />
{t('app.types.chatbot')}
</div>
)}
{mode === 'agent-chat' && (
<div className='inline-flex items-center px-2 h-6 rounded-md bg-indigo-25 border border-indigo-100 text-xs text-indigo-600'>
<CuteRobote className='mr-1 w-3 h-3' />
{t('app.types.agent')}
</div>
)}
{mode === 'workflow' && (
<div className='inline-flex items-center px-2 h-6 rounded-md bg-[#fffcf5] border border-[#fef0c7] text-xs text-[#f79009]'>
<Route className='mr-1 w-3 h-3' />
{t('app.types.workflow')}
</div>
)}
</>
)
}
export default AppModeLabel