opensource/dify
2
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-08-28 21:23:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

refresh history

Browse Source
This commit is contained in:
StyleZhang 2024-04-01 19:41:15 +08:00
parent 5793855115
commit 04b4be27b7
1 changed files with 61 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

118
web/app/components/workflow/header/view-history.tsx
View File

@ -43,8 +43,8 @@ const ViewHistory = () => {
const { appDetail, setCurrentLogItem, setShowMessageLogModal } = useAppStore() const { appDetail, setCurrentLogItem, setShowMessageLogModal } = useAppStore()
const historyWorkflowData = useStore(s => s.historyWorkflowData) const historyWorkflowData = useStore(s => s.historyWorkflowData)
const { handleBackupDraft } = useWorkflowRun() const { handleBackupDraft } = useWorkflowRun()
const { data: runList, isLoading: runListLoading } = useSWR((appDetail && !isChatMode) ? `/apps/${appDetail.id}/workflow-runs` : null, fetchWorkflowRunHistory) const { data: runList, isLoading: runListLoading } = useSWR((appDetail && !isChatMode && open) ? `/apps/${appDetail.id}/workflow-runs` : null, fetchWorkflowRunHistory)
const { data: chatList, isLoading: chatListLoading } = useSWR((appDetail && isChatMode) ? `/apps/${appDetail.id}/advanced-chat/workflow-runs` : null, fetcChatRunHistory) const { data: chatList, isLoading: chatListLoading } = useSWR((appDetail && isChatMode && open) ? `/apps/${appDetail.id}/advanced-chat/workflow-runs` : null, fetcChatRunHistory)
const data = isChatMode ? chatList : runList const data = isChatMode ? chatList : runList
const isLoading = isChatMode ? chatListLoading : runListLoading const isLoading = isChatMode ? chatListLoading : runListLoading
@ -100,70 +100,74 @@ const ViewHistory = () => {
</div> </div>
{ {
isLoading && ( isLoading && (
<div className='grow flex items-center justify-center h-full'> <div className='flex items-center justify-center h-10'>
<Loading /> <Loading />
</div> </div>
) )
} }
<div className='p-2'> {
{ !isLoading && (
!data?.data.length && ( <div className='p-2'>
<div className='py-12'> {
<ClockPlaySlim className='mx-auto mb-2 w-8 h-8 text-gray-300' /> !data?.data.length && (
<div className='text-center text-[13px] text-gray-400'> <div className='py-12'>
{t('workflow.common.notRunning')} <ClockPlaySlim className='mx-auto mb-2 w-8 h-8 text-gray-300' />
</div> <div className='text-center text-[13px] text-gray-400'>
</div> {t('workflow.common.notRunning')}
) </div>
} </div>
{ )
data?.data.map(item => ( }
<div {
key={item.id} data?.data.map(item => (
className={cn(
'flex mb-0.5 px-2 py-[7px] rounded-lg hover:bg-primary-50 cursor-pointer',
item.id === historyWorkflowData?.id && 'bg-primary-50',
)}
onClick={() => {
workflowStore.setState({
historyWorkflowData: item,
})
handleBackupDraft()
setOpen(false)
}}
>
{
!isChatMode && item.status === WorkflowRunningStatus.Stopped && (
<AlertTriangle className='mt-0.5 mr-1.5 w-3.5 h-3.5 text-[#F79009]' />
)
}
{
!isChatMode && item.status === WorkflowRunningStatus.Failed && (
<AlertCircle className='mt-0.5 mr-1.5 w-3.5 h-3.5 text-[#F04438]' />
)
}
{
!isChatMode && item.status === WorkflowRunningStatus.Succeeded && (
<CheckCircle className='mt-0.5 mr-1.5 w-3.5 h-3.5 text-[#12B76A]' />
)
}
<div>
<div <div
key={item.id}
className={cn( className={cn(
'flex items-center text-[13px] font-medium leading-[18px]', 'flex mb-0.5 px-2 py-[7px] rounded-lg hover:bg-primary-50 cursor-pointer',
item.id === historyWorkflowData?.id && 'text-primary-600', item.id === historyWorkflowData?.id && 'bg-primary-50',
)} )}
onClick={() => {
workflowStore.setState({
historyWorkflowData: item,
})
handleBackupDraft()
setOpen(false)
}}
> >
{`Test ${isChatMode ? 'Chat' : 'Run'}#${item.sequence_number}`} {
!isChatMode && item.status === WorkflowRunningStatus.Stopped && (
<AlertTriangle className='mt-0.5 mr-1.5 w-3.5 h-3.5 text-[#F79009]' />
)
}
{
!isChatMode && item.status === WorkflowRunningStatus.Failed && (
<AlertCircle className='mt-0.5 mr-1.5 w-3.5 h-3.5 text-[#F04438]' />
)
}
{
!isChatMode && item.status === WorkflowRunningStatus.Succeeded && (
<CheckCircle className='mt-0.5 mr-1.5 w-3.5 h-3.5 text-[#12B76A]' />
)
}
<div>
<div
className={cn(
'flex items-center text-[13px] font-medium leading-[18px]',
item.id === historyWorkflowData?.id && 'text-primary-600',
)}
>
{`Test ${isChatMode ? 'Chat' : 'Run'}#${item.sequence_number}`}
</div>
<div className='flex items-center text-xs text-gray-500 leading-[18px]'>
{item.created_by_account.name} · {formatTimeFromNow((item.finished_at || item.created_at) * 1000)}
</div>
</div>
</div> </div>
<div className='flex items-center text-xs text-gray-500 leading-[18px]'> ))
{item.created_by_account.name} · {formatTimeFromNow((item.finished_at || item.created_at) * 1000)} }
</div> </div>
</div> )
</div> }
))
}
</div>
</div> </div>
</PortalToFollowElemContent> </PortalToFollowElemContent>
</PortalToFollowElem> </PortalToFollowElem>