mirror of https://github.com/langgenius/dify.git
36 lines
1.2 KiB
TypeScript
36 lines
1.2 KiB
TypeScript
import { useTranslation } from 'react-i18next'
|
|
import Button from '@/app/components/base/button'
|
|
|
|
const i18nPrefix = 'autoUpdate.pluginDowngradeWarning'
|
|
|
|
type Props = {
|
|
onCancel: () => void
|
|
onJustDowngrade: () => void
|
|
onExcludeAndDowngrade: () => void
|
|
}
|
|
const DowngradeWarningModal = ({
|
|
onCancel,
|
|
onJustDowngrade,
|
|
onExcludeAndDowngrade,
|
|
}: Props) => {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<>
|
|
<div className="flex flex-col items-start gap-2 self-stretch">
|
|
<div className="title-2xl-semi-bold text-text-primary">{t(`${i18nPrefix}.title`, { ns: 'plugin' })}</div>
|
|
<div className="system-md-regular text-text-secondary">
|
|
{t(`${i18nPrefix}.description`, { ns: 'plugin' })}
|
|
</div>
|
|
</div>
|
|
<div className="mt-9 flex items-start justify-end space-x-2 self-stretch">
|
|
<Button variant="secondary" onClick={() => onCancel()}>{t('newApp.Cancel', { ns: 'app' })}</Button>
|
|
<Button variant="secondary" destructive onClick={onJustDowngrade}>{t(`${i18nPrefix}.downgrade`, { ns: 'plugin' })}</Button>
|
|
<Button variant="primary" onClick={onExcludeAndDowngrade}>{t(`${i18nPrefix}.exclude`, { ns: 'plugin' })}</Button>
|
|
</div>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default DowngradeWarningModal
|