refactor: integrate routing for document creation in Popup component

This commit is contained in:
twwu 2025-05-23 11:19:57 +08:00
parent 52b773770b
commit 5aaa06c8b0

View File

@ -25,11 +25,14 @@ import { getKeyboardKeyCodeBySystem } from '@/app/components/workflow/utils'
import { usePublishWorkflow } from '@/service/use-workflow' import { usePublishWorkflow } from '@/service/use-workflow'
import type { PublishWorkflowParams } from '@/types/workflow' import type { PublishWorkflowParams } from '@/types/workflow'
import { useToastContext } from '@/app/components/base/toast' import { useToastContext } from '@/app/components/base/toast'
import { useParams, useRouter } from 'next/navigation'
const PUBLISH_SHORTCUT = ['⌘', '⇧', 'P'] const PUBLISH_SHORTCUT = ['⌘', '⇧', 'P']
const Popup = () => { const Popup = () => {
const { t } = useTranslation() const { t } = useTranslation()
const { datasetId } = useParams()
const { push } = useRouter()
const [published, setPublished] = useState(false) const [published, setPublished] = useState(false)
const publishedAt = useStore(s => s.publishedAt) const publishedAt = useStore(s => s.publishedAt)
const draftUpdatedAt = useStore(s => s.draftUpdatedAt) const draftUpdatedAt = useStore(s => s.draftUpdatedAt)
@ -68,6 +71,10 @@ const Popup = () => {
{ exactMatch: true, useCapture: true }, { exactMatch: true, useCapture: true },
) )
const goToAddDocuments = useCallback(() => {
push(`/datasets/${datasetId}/documents/create-from-pipeline`)
}, [datasetId, push])
return ( return (
<div className='w-[320px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl shadow-shadow-shadow-5'> <div className='w-[320px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl shadow-shadow-shadow-5'>
<div className='p-4 pt-3'> <div className='p-4 pt-3'>
@ -117,6 +124,7 @@ const Popup = () => {
<Button <Button
className='mb-1 w-full hover:bg-state-accent-hover hover:text-text-accent' className='mb-1 w-full hover:bg-state-accent-hover hover:text-text-accent'
variant='tertiary' variant='tertiary'
onClick={goToAddDocuments}
> >
<div className='flex grow items-center'> <div className='flex grow items-center'>
<RiPlayCircleLine className='mr-2 h-4 w-4' /> <RiPlayCircleLine className='mr-2 h-4 w-4' />