@@ -12,13 +12,7 @@ import DeploymentRevisionHistoryTab from './DeploymentRevisionHistoryTab';
1212import DeploymentSettingModal from './DeploymentSettingModal' ;
1313import DeploymentTagChips from './DeploymentTagChips' ;
1414import ErrorBoundaryWithNullFallback from './ErrorBoundaryWithNullFallback' ;
15- import {
16- CheckOutlined ,
17- CloseOutlined ,
18- EditOutlined ,
19- LoadingOutlined ,
20- PlusOutlined ,
21- } from '@ant-design/icons' ;
15+ import { EditOutlined , LoadingOutlined , PlusOutlined } from '@ant-design/icons' ;
2216import { useToggle } from 'ahooks' ;
2317import {
2418 Alert ,
@@ -33,7 +27,10 @@ import {
3327 BAICard ,
3428 BAIFetchKeyButton ,
3529 BAIFlex ,
30+ BAIId ,
31+ BAIText ,
3632 BAIUnmountAfterClose ,
33+ BooleanTag ,
3734 INITIAL_FETCH_KEY ,
3835 filterOutEmpty ,
3936 toLocalId ,
@@ -71,9 +68,13 @@ const DeploymentOverviewContent: React.FC<{
7168 const deploymentItems = filterOutEmpty ( [
7269 {
7370 key : 'name' ,
74- label : t ( 'deployment.Name ' ) ,
71+ label : t ( 'deployment.NameAndID ' ) ,
7572 children : deployment ?. metadata . name ? (
76- < Typography . Text copyable > { deployment . metadata . name } </ Typography . Text >
73+ < >
74+ < BAIText copyable > { deployment . metadata . name } </ BAIText >
75+ (
76+ < BAIId globalId = { deployment . id } /> )
77+ </ >
7778 ) : (
7879 renderFallback ( )
7980 ) ,
@@ -102,12 +103,21 @@ const DeploymentOverviewContent: React.FC<{
102103 {
103104 key : 'open-to-public' ,
104105 label : t ( 'deployment.OpenToPublic' ) ,
105- children : deployment ?. networkAccess . openToPublic ? (
106- < CheckOutlined />
107- ) : (
108- < CloseOutlined />
106+ children : (
107+ < BooleanTag
108+ value = { deployment ?. networkAccess . openToPublic }
109+ trueLabel = { t ( 'button.Yes' ) }
110+ falseLabel = { t ( 'button.No' ) }
111+ fallback = { renderFallback ( ) }
112+ />
109113 ) ,
110114 } ,
115+ {
116+ key : 'desired-replicas' ,
117+ label : t ( 'deployment.DesiredReplicas' ) ,
118+ children :
119+ deployment ?. replicaState ?. desiredReplicaCount ?? renderFallback ( ) ,
120+ } ,
111121 {
112122 key : 'tags' ,
113123 label : t ( 'deployment.Tags' ) ,
@@ -118,12 +128,6 @@ const DeploymentOverviewContent: React.FC<{
118128 />
119129 ) ,
120130 } ,
121- {
122- key : 'desired-replicas' ,
123- label : t ( 'deployment.DesiredReplicas' ) ,
124- children :
125- deployment ?. replicaState ?. desiredReplicaCount ?? renderFallback ( ) ,
126- } ,
127131 ] ) ;
128132
129133 return (
@@ -292,6 +296,7 @@ const DeploymentConfigurationCards: React.FC<{
292296 graphql `
293297 query DeploymentConfigurationSectionQuery($deploymentId: ID!) {
294298 deployment(id: $deploymentId) {
299+ id
295300 ...DeploymentSettingModal_deployment
296301 metadata {
297302 name
0 commit comments