opensource/dify
2
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-05-09 21:28:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

tweaks

Browse Source
This commit is contained in:
Stephen Zhou 2026-04-29 13:53:14 +08:00
parent 1aea4e00a4
commit 71b04fd48f
No known key found for this signature in database
2 changed files with 14 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web/app/(commonLayout)/deployments/[instanceId]/overview/page.tsx
View File

@ -1,23 +1,12 @@
'use client'
import type { FC } from 'react'
import type { InstanceDetailTabKey } from '@/features/deployments/detail/tabs'
import * as React from 'react'
import { use } from 'react'
import OverviewTab from '@/features/deployments/detail/overview-tab'
import { useRouter } from '@/next/navigation'
type PageProps = {
params: Promise<{ instanceId: string }>
}
const InstanceDetailOverviewPage: FC<PageProps> = ({ params }) => {
const { instanceId } = use(params)
const router = useRouter()
const handleSwitchTab = (tab: InstanceDetailTabKey) => {
router.push(`/deployments/${instanceId}/${tab}`)
}
return <OverviewTab instanceId={instanceId} onSwitchTab={handleSwitchTab} />
const InstanceDetailOverviewPage = async ({ params }: PageProps) => {
const { instanceId } = await params
return <OverviewTab instanceId={instanceId} />
}
export default InstanceDetailOverviewPage

15
web/features/deployments/detail/overview-tab.tsx
View File

@ -6,6 +6,7 @@ import * as React from 'react'
import { useMemo } from 'react'
import { useTranslation } from 'react-i18next'
import { getAppModeLabel } from '@/app/components/app-sidebar/app-info/app-mode-labels'
import { useRouter } from '@/next/navigation'
import { StatusBadge } from '../components/status-badge'
import { useSourceApps } from '../hooks/use-source-apps'
import { useDeploymentsStore } from '../store'
@ -13,9 +14,10 @@ import { webappUrl } from '../utils'
type OverviewTabProps = {
instanceId: string
onSwitchTab?: (tab: 'deploy' | 'versions' | 'access' | 'settings') => void
}
type SwitchableTab = 'deploy' | 'versions' | 'access' | 'settings'
type SectionProps = {
title: string
action?: React.ReactNode
@ -85,9 +87,10 @@ function overviewDeploymentStatus(status?: string) {
return 'ready'
}
const OverviewTab: FC<OverviewTabProps> = ({ instanceId, onSwitchTab }) => {
const OverviewTab: FC<OverviewTabProps> = ({ instanceId }) => {
const { t } = useTranslation('deployments')
const { t: tCommon } = useTranslation()
const router = useRouter()
const appData = useDeploymentsStore(state => state.appData[instanceId])
const openDeployDrawer = useDeploymentsStore(state => state.openDeployDrawer)
const { appMap } = useSourceApps()
@ -102,6 +105,10 @@ const OverviewTab: FC<OverviewTabProps> = ({ instanceId, onSwitchTab }) => {
if (!app)
return null
const switchTab = (tab: SwitchableTab) => {
router.push(`/deployments/${instanceId}/${tab}`)
}
const appModeLabel = getAppModeLabel(overviewApp?.mode ?? app.mode, tCommon)
const webappRow = appData?.accessConfig.webapp?.rows?.find(row => row.url)
const webappAccessUrl = webappUrl(webappRow?.url)
@ -122,7 +129,7 @@ const OverviewTab: FC<OverviewTabProps> = ({ instanceId, onSwitchTab }) => {
<Section
title={t('overview.deploymentStatus')}
action={(
<Button size="small" variant="secondary" onClick={() => onSwitchTab?.('deploy')}>
<Button size="small" variant="secondary" onClick={() => switchTab('deploy')}>
{t('overview.viewDeployments')}
<span className="i-ri-arrow-right-up-line h-3.5 w-3.5" />
</Button>
@ -161,7 +168,7 @@ const OverviewTab: FC<OverviewTabProps> = ({ instanceId, onSwitchTab }) => {
<Section
title={t('overview.accessStatus')}
action={(
<Button size="small" variant="secondary" onClick={() => onSwitchTab?.('access')}>
<Button size="small" variant="secondary" onClick={() => switchTab('access')}>
{t('overview.configureAccess')}
<span className="i-ri-arrow-right-up-line h-3.5 w-3.5" />
</Button>