mirror of https://github.com/langgenius/dify.git
57 lines
1.5 KiB
TypeScript
57 lines
1.5 KiB
TypeScript
import type { ViewHistoryProps } from './view-history'
|
|
import {
|
|
useCallback,
|
|
} from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import Button from '@/app/components/base/button'
|
|
import { ArrowNarrowLeft } from '@/app/components/base/icons/src/vender/line/arrows'
|
|
import Divider from '../../base/divider'
|
|
import {
|
|
useWorkflowRun,
|
|
} from '../hooks'
|
|
import {
|
|
useWorkflowStore,
|
|
} from '../store'
|
|
import RunningTitle from './running-title'
|
|
import ViewHistory from './view-history'
|
|
|
|
export type HeaderInHistoryProps = {
|
|
viewHistoryProps?: ViewHistoryProps
|
|
}
|
|
const HeaderInHistory = ({
|
|
viewHistoryProps,
|
|
}: HeaderInHistoryProps) => {
|
|
const { t } = useTranslation()
|
|
const workflowStore = useWorkflowStore()
|
|
|
|
const {
|
|
handleLoadBackupDraft,
|
|
} = useWorkflowRun()
|
|
|
|
const handleGoBackToEdit = useCallback(() => {
|
|
handleLoadBackupDraft()
|
|
workflowStore.setState({ historyWorkflowData: undefined })
|
|
}, [workflowStore, handleLoadBackupDraft])
|
|
|
|
return (
|
|
<>
|
|
<div>
|
|
<RunningTitle />
|
|
</div>
|
|
<div className="flex items-center space-x-2">
|
|
<ViewHistory {...viewHistoryProps} withText />
|
|
<Divider type="vertical" className="mx-auto h-3.5" />
|
|
<Button
|
|
variant="primary"
|
|
onClick={handleGoBackToEdit}
|
|
>
|
|
<ArrowNarrowLeft className="mr-1 h-4 w-4" />
|
|
{t('common.goBackToEdit', { ns: 'workflow' })}
|
|
</Button>
|
|
</div>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default HeaderInHistory
|