mirror of
				https://github.com/langgenius/dify.git
				synced 2025-10-30 18:33:30 +00:00 
			
		
		
		
	 7709d9df20
			
		
	
	
		7709d9df20
		
			
		
	
	
	
	
		
			
			Co-authored-by: NFish <douxc512@gmail.com> Co-authored-by: zxhlyh <jasonapring2015@outlook.com> Co-authored-by: twwu <twwu@dify.ai> Co-authored-by: jZonG <jzongcode@gmail.com>
		
			
				
	
	
		
			25 lines
		
	
	
		
			992 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			25 lines
		
	
	
		
			992 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
| import { memo } from 'react'
 | |
| import { useTranslation } from 'react-i18next'
 | |
| import { useIsChatMode } from '../hooks'
 | |
| import { useStore } from '../store'
 | |
| import { ClockPlay } from '@/app/components/base/icons/src/vender/line/time'
 | |
| 
 | |
| const RunningTitle = () => {
 | |
|   const { t } = useTranslation()
 | |
|   const isChatMode = useIsChatMode()
 | |
|   const historyWorkflowData = useStore(s => s.historyWorkflowData)
 | |
| 
 | |
|   return (
 | |
|     <div className='flex h-[18px] items-center text-xs text-gray-500'>
 | |
|       <ClockPlay className='mr-1 h-3 w-3 text-gray-500' />
 | |
|       <span>{isChatMode ? `Test Chat#${historyWorkflowData?.sequence_number}` : `Test Run#${historyWorkflowData?.sequence_number}`}</span>
 | |
|       <span className='mx-1'>·</span>
 | |
|       <span className='ml-1 flex h-[18px] items-center rounded-[5px] border border-indigo-300 bg-white/[0.48] px-1 text-[10px] font-semibold uppercase text-indigo-600'>
 | |
|         {t('workflow.common.viewOnly')}
 | |
|       </span>
 | |
|     </div>
 | |
|   )
 | |
| }
 | |
| 
 | |
| export default memo(RunningTitle)
 |