mirror of
https://github.com/langgenius/dify.git
synced 2026-06-23 04:11:09 +08:00
36 lines
1.5 KiB
TypeScript
36 lines
1.5 KiB
TypeScript
'use client'
|
|
|
|
import { Dialog, DialogContent } from '@langgenius/dify-ui/dialog'
|
|
import { useTranslation } from 'react-i18next'
|
|
import Link from '@/next/link'
|
|
import { useRouter } from '@/next/navigation'
|
|
import { CreateDeploymentGuideProvider } from './state/provider'
|
|
import { CreateDeploymentGuideShell } from './ui/shell'
|
|
|
|
export function CreateDeploymentGuide() {
|
|
const { t } = useTranslation('deployments')
|
|
const router = useRouter()
|
|
|
|
return (
|
|
<Dialog open onOpenChange={open => !open && router.push('/deployments')}>
|
|
<DialogContent
|
|
backdropClassName="bg-background-overlay-backdrop backdrop-blur-[6px]"
|
|
className="top-4 bottom-4 h-auto max-h-none w-[min(calc(100vw-2rem),1120px)] max-w-none translate-y-0 overflow-hidden border-effects-highlight bg-background-default-subtle p-0"
|
|
>
|
|
<div className="relative flex h-full min-w-0 grow flex-col overflow-hidden">
|
|
<Link
|
|
href="/deployments"
|
|
aria-label={t('createGuide.nav.back')}
|
|
className="absolute top-3 right-3 z-50 flex h-9 w-9 cursor-pointer items-center justify-center rounded-[10px] bg-components-button-tertiary-bg hover:bg-components-button-tertiary-bg-hover"
|
|
>
|
|
<span aria-hidden="true" className="i-ri-close-large-line h-3.5 w-3.5 text-components-button-tertiary-text" />
|
|
</Link>
|
|
<CreateDeploymentGuideProvider>
|
|
<CreateDeploymentGuideShell />
|
|
</CreateDeploymentGuideProvider>
|
|
</div>
|
|
</DialogContent>
|
|
</Dialog>
|
|
)
|
|
}
|