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

tweaks

Browse Source
This commit is contained in:
Stephen Zhou 2026-04-29 17:53:16 +08:00
parent 1ea16409d4
commit e8ec7c7ff5
No known key found for this signature in database
1 changed files with 27 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
web/features/deployments/detail/deploy-tab.tsx
View File

@ -1,5 +1,5 @@
'use client'
import type { FC } from 'react'
import type { FC, KeyboardEvent } from 'react'
import { Button } from '@langgenius/dify-ui/button'
import { cn } from '@langgenius/dify-ui/cn'
import {
@ -154,7 +154,11 @@ const DeployTab: FC<DeployTabProps> = ({ instanceId: appId }) => {
const status = deploymentStatus(row)
const release = activeRelease(row)
const actions = (
<div className="flex shrink-0 items-center gap-1" onClick={e => e.stopPropagation()}>
<div
className="flex shrink-0 items-center gap-1"
onClick={e => e.stopPropagation()}
onKeyDown={e => e.stopPropagation()}
>
<Button size="small" variant="secondary" onClick={() => openDeployDrawer({ appId, environmentId: envId })}>
{isUndeployed
? t('deployDrawer.deploy')
@ -194,13 +198,29 @@ const DeployTab: FC<DeployTabProps> = ({ instanceId: appId }) => {
)}
/>
)
const handleRowToggle = () => {
if (!isUndeployed)
toggle(envId)
}
const handleRowKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {
if (isUndeployed)
return
if (event.key === 'Enter' || event.key === ' ') {
event.preventDefault()
toggle(envId)
}
}
return (
<div key={envId} className="border-b border-divider-subtle last:border-b-0">
<button
type="button"
onClick={() => !isUndeployed && toggle(envId)}
<div
role={isUndeployed ? undefined : 'button'}
tabIndex={isUndeployed ? undefined : 0}
onClick={handleRowToggle}
onKeyDown={handleRowKeyDown}
className={cn(
'flex w-full flex-col gap-2 px-4 py-3 text-left hover:bg-state-base-hover',
'flex w-full flex-col gap-2 px-4 py-3 text-left',
!isUndeployed && 'cursor-pointer hover:bg-state-base-hover',
'lg:grid lg:items-center lg:gap-4',
GRID_TEMPLATE,
)}
@ -232,7 +252,7 @@ const DeployTab: FC<DeployTabProps> = ({ instanceId: appId }) => {
{actions}
{chevron}
</div>
</button>
</div>
{isExpanded && <DeploymentPanel row={row} />}
</div>
)