mirror of
https://github.com/langgenius/dify.git
synced 2025-07-17 14:22:06 +00:00
45 lines
1.0 KiB
TypeScript
45 lines
1.0 KiB
TypeScript
|
import React from 'react'
|
||
|
|
import Button from '@/app/components/base/button'
|
||
|
|
import { useTranslation } from 'react-i18next'
|
||
|
|
import { useParams } from 'next/navigation'
|
||
|
|
import { RiArrowRightLine } from '@remixicon/react'
|
||
|
|
|
||
|
|
type ActionsProps = {
|
||
|
|
disabled?: boolean
|
||
|
|
handleNextStep: () => void
|
||
|
|
}
|
||
|
|
|
||
|
|
const Actions = ({
|
||
|
|
disabled,
|
||
|
|
handleNextStep,
|
||
|
|
}: ActionsProps) => {
|
||
|
|
const { t } = useTranslation()
|
||
|
|
const { datasetId } = useParams()
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className='flex justify-end gap-x-2'>
|
||
|
|
<a
|
||
|
|
href={`/datasets/${datasetId}/documents`}
|
||
|
|
>
|
||
|
|
<Button
|
||
|
|
variant='ghost'
|
||
|
|
className='px-3 py-2'
|
||
|
|
>
|
||
|
|
{t('common.operation.cancel')}
|
||
|
|
</Button>
|
||
|
|
</a>
|
||
|
|
<Button
|
||
|
|
disabled={disabled}
|
||
|
|
variant='primary'
|
||
|
|
onClick={handleNextStep}
|
||
|
|
className='gap-x-0.5'
|
||
|
|
>
|
||
|
|
<span className='px-0.5'>{t('datasetCreation.stepOne.button')}</span>
|
||
|
|
<RiArrowRightLine className='size-4' />
|
||
|
|
</Button>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default React.memo(Actions)
|