@@ -106,9 +106,9 @@ const EnvironmentDetail: React.FC = () => {
106
106
if ( error || ! environment ) {
107
107
return (
108
108
< ErrorComponent
109
- errorMessage = { trans ( "enterprise. environments.detail.environmentNotFound " ) }
109
+ errorMessage = { trans ( "environments.detail_environmentNotFound " ) }
110
110
returnPath = "/setting/environments"
111
- returnLabel = { trans ( "enterprise. environments.detail.returnToEnvironmentsList " ) }
111
+ returnLabel = { trans ( "environments.detail_returnToEnvironmentsList " ) }
112
112
/>
113
113
) ;
114
114
}
@@ -139,26 +139,26 @@ const EnvironmentDetail: React.FC = () => {
139
139
// Stats data for the cards
140
140
const statsData = [
141
141
{
142
- title : trans ( "enterprise. environments.detail.type " ) ,
143
- value : environment . environmentType || trans ( "enterprise. environments.detail.unknown " ) ,
142
+ title : trans ( "environments.detail_type " ) ,
143
+ value : environment . environmentType || trans ( "environments.detail_unknown " ) ,
144
144
icon : < CloudServerOutlined /> ,
145
145
color : getEnvironmentTagColor ( environment . environmentType )
146
146
} ,
147
147
{
148
- title : trans ( "enterprise. environments.detail.status " ) ,
149
- value : environment . isLicensed ? trans ( "enterprise. environments.detail.licensed " ) : trans ( "enterprise. environments.detail.unlicensed " ) ,
148
+ title : trans ( "environments.detail_status " ) ,
149
+ value : environment . isLicensed ? trans ( "environments.detail_licensed " ) : trans ( "environments.detail_unlicensed " ) ,
150
150
icon : environment . isLicensed ? < CheckCircleOutlined /> : < CloseCircleOutlined /> ,
151
151
color : environment . isLicensed ? "#52c41a" : "#ff4d4f"
152
152
} ,
153
153
{
154
- title : trans ( "enterprise. environments.detail.apiKey " ) ,
155
- value : environment . environmentApikey ? trans ( "enterprise. environments.detail.configured " ) : trans ( "enterprise. environments.detail.notSet " ) ,
154
+ title : trans ( "environments.detail_apiKey " ) ,
155
+ value : environment . environmentApikey ? trans ( "environments.detail_configured " ) : trans ( "environments.detail_notSet " ) ,
156
156
icon : < SafetyOutlined /> ,
157
157
color : environment . environmentApikey ? "#1890ff" : "#faad14"
158
158
} ,
159
159
{
160
- title : trans ( "enterprise. environments.detail.masterEnv " ) ,
161
- value : environment . isMaster ? trans ( "enterprise. environments.yes" ) : trans ( "enterprise. environments.no" ) ,
160
+ title : trans ( "environments.detail_masterEnv " ) ,
161
+ value : environment . isMaster ? trans ( "environments.yes" ) : trans ( "environments.no" ) ,
162
162
icon : < UserOutlined /> ,
163
163
color : environment . isMaster ? "#722ed1" : "#8c8c8c"
164
164
}
@@ -169,7 +169,7 @@ const EnvironmentDetail: React.FC = () => {
169
169
key : 'workspaces' ,
170
170
label : (
171
171
< span >
172
- < AppstoreOutlined /> { trans ( "enterprise. environments.detail.workspaces " ) }
172
+ < AppstoreOutlined /> { trans ( "environments.detail_workspaces " ) }
173
173
</ span >
174
174
) ,
175
175
children : < WorkspacesTab environment = { environment } />
@@ -178,7 +178,7 @@ const EnvironmentDetail: React.FC = () => {
178
178
key : 'userGroups' ,
179
179
label : (
180
180
< span >
181
- < UsergroupAddOutlined /> { trans ( "enterprise. environments.detail.userGroups " ) }
181
+ < UsergroupAddOutlined /> { trans ( "environments.detail_userGroups " ) }
182
182
</ span >
183
183
) ,
184
184
children : < UserGroupsTab environment = { environment } />
@@ -193,12 +193,12 @@ const EnvironmentDetail: React.FC = () => {
193
193
items = { [
194
194
{
195
195
key : 'environments' ,
196
- title : trans ( "enterprise. environments.title" ) ,
196
+ title : trans ( "environments.title" ) ,
197
197
onClick : ( ) => history . push ( '/setting/environments' )
198
198
} ,
199
199
{
200
200
key : 'current' ,
201
- title : environment . environmentName || trans ( "enterprise. environments.detail.environmentDetail " )
201
+ title : environment . environmentName || trans ( "environments.detail_environmentDetail " )
202
202
}
203
203
] }
204
204
/>
@@ -225,7 +225,7 @@ const EnvironmentDetail: React.FC = () => {
225
225
226
226
{ /* Basic Environment Information Card */ }
227
227
< Card
228
- title = { trans ( "enterprise. environments.detail.environmentOverview " ) }
228
+ title = { trans ( "environments.detail_environmentOverview " ) }
229
229
style = { {
230
230
marginBottom : "24px" ,
231
231
borderRadius : '4px' ,
@@ -239,7 +239,7 @@ const EnvironmentDetail: React.FC = () => {
239
239
column = { { xxl : 4 , xl : 3 , lg : 3 , md : 2 , sm : 1 , xs : 1 } }
240
240
size = "small"
241
241
>
242
- < Descriptions . Item label = { trans ( "enterprise. environments.domain" ) } >
242
+ < Descriptions . Item label = { trans ( "environments.domain" ) } >
243
243
{ environment . environmentFrontendUrl ? (
244
244
< a
245
245
href = { environment . environmentFrontendUrl }
@@ -249,32 +249,32 @@ const EnvironmentDetail: React.FC = () => {
249
249
{ environment . environmentFrontendUrl } < LinkOutlined />
250
250
</ a >
251
251
) : (
252
- trans ( "enterprise. environments.detail.noDomainSet " )
252
+ trans ( "environments.detail_noDomainSet " )
253
253
) }
254
254
</ Descriptions . Item >
255
- < Descriptions . Item label = { trans ( "enterprise. environments.detail.environmentId " ) } >
255
+ < Descriptions . Item label = { trans ( "environments.detail_environmentId " ) } >
256
256
< code style = { { padding : '2px 6px' , background : '#f5f5f5' , borderRadius : '3px' } } >
257
257
{ environment . environmentId }
258
258
</ code >
259
259
</ Descriptions . Item >
260
- < Descriptions . Item label = { trans ( "enterprise. environments.detail.licenseStatus " ) } >
260
+ < Descriptions . Item label = { trans ( "environments.detail_licenseStatus " ) } >
261
261
{ ( ( ) => {
262
262
switch ( environment . licenseStatus ) {
263
263
case 'checking' :
264
- return < Tag icon = { < SyncOutlined spin /> } color = "blue" style = { { borderRadius : '4px' } } > { trans ( "enterprise. environments.licenseStatus.checking " ) } </ Tag > ;
264
+ return < Tag icon = { < SyncOutlined spin /> } color = "blue" style = { { borderRadius : '4px' } } > { trans ( "environments.licenseStatus_checking " ) } </ Tag > ;
265
265
case 'licensed' :
266
- return < Tag icon = { < CheckCircleOutlined /> } color = "green" style = { { borderRadius : '4px' } } > { trans ( "enterprise. environments.licenseStatus.licensed " ) } </ Tag > ;
266
+ return < Tag icon = { < CheckCircleOutlined /> } color = "green" style = { { borderRadius : '4px' } } > { trans ( "environments.licenseStatus_licensed " ) } </ Tag > ;
267
267
case 'unlicensed' :
268
- return < Tag icon = { < CloseCircleOutlined /> } color = "orange" style = { { borderRadius : '4px' } } > { trans ( "enterprise. environments.detail.licenseNeeded " ) } </ Tag > ;
268
+ return < Tag icon = { < CloseCircleOutlined /> } color = "orange" style = { { borderRadius : '4px' } } > { trans ( "environments.detail_licenseNeeded " ) } </ Tag > ;
269
269
case 'error' :
270
- return < Tag icon = { < ExclamationCircleOutlined /> } color = "orange" style = { { borderRadius : '4px' } } > { trans ( "enterprise. environments.detail.setupRequired " ) } </ Tag > ;
270
+ return < Tag icon = { < ExclamationCircleOutlined /> } color = "orange" style = { { borderRadius : '4px' } } > { trans ( "environments.detail_setupRequired " ) } </ Tag > ;
271
271
default :
272
- return < Tag color = "default" style = { { borderRadius : '4px' } } > { trans ( "enterprise. environments.detail.unknown " ) } </ Tag > ;
272
+ return < Tag color = "default" style = { { borderRadius : '4px' } } > { trans ( "environments.detail_unknown " ) } </ Tag > ;
273
273
}
274
274
} ) ( ) }
275
275
</ Descriptions . Item >
276
- < Descriptions . Item label = { trans ( "enterprise. environments.detail.created " ) } >
277
- { environment . createdAt ? new Date ( environment . createdAt ) . toLocaleDateString ( ) : trans ( "enterprise. environments.detail.unknown " ) }
276
+ < Descriptions . Item label = { trans ( "environments.detail_created " ) } >
277
+ { environment . createdAt ? new Date ( environment . createdAt ) . toLocaleDateString ( ) : trans ( "environments.detail_unknown " ) }
278
278
</ Descriptions . Item >
279
279
</ Descriptions >
280
280
</ Card >
@@ -286,7 +286,7 @@ const EnvironmentDetail: React.FC = () => {
286
286
title = {
287
287
< span >
288
288
< CrownOutlined style = { { color : '#52c41a' , marginRight : '8px' } } />
289
- { trans ( "enterprise. environments.detail.licenseDetails " ) }
289
+ { trans ( "environments.detail_licenseDetails " ) }
290
290
</ span >
291
291
}
292
292
style = { {
@@ -305,7 +305,7 @@ const EnvironmentDetail: React.FC = () => {
305
305
styles = { { body : { padding : '16px' } } }
306
306
>
307
307
< Statistic
308
- title = { trans ( "enterprise. environments.detail.apiCallsRemaining " ) }
308
+ title = { trans ( "environments.detail_apiCallsRemaining " ) }
309
309
value = { environment . licenseDetails . remainingAPICalls }
310
310
formatter = { ( value ) => (
311
311
< span style = { {
@@ -334,7 +334,7 @@ const EnvironmentDetail: React.FC = () => {
334
334
color : '#8c8c8c' ,
335
335
marginTop : '4px'
336
336
} } >
337
- { trans ( "enterprise. environments.percentUsed" , { percent : environment . licenseDetails . apiCallsUsage || 0 } ) }
337
+ { trans ( "environments.percentUsed" , { percent : environment . licenseDetails . apiCallsUsage || 0 } ) }
338
338
</ div >
339
339
</ div >
340
340
</ Card >
@@ -348,7 +348,7 @@ const EnvironmentDetail: React.FC = () => {
348
348
styles = { { body : { padding : '16px' } } }
349
349
>
350
350
< Statistic
351
- title = { trans ( "enterprise. environments.detail.totalApiCallsLimit " ) }
351
+ title = { trans ( "environments.detail_totalApiCallsLimit " ) }
352
352
value = { environment . licenseDetails . totalAPICallsLimit }
353
353
formatter = { ( value ) => value ?. toLocaleString ( ) }
354
354
prefix = { < ApiOutlined /> }
@@ -357,7 +357,7 @@ const EnvironmentDetail: React.FC = () => {
357
357
color = "blue"
358
358
style = { { marginTop : '12px' } }
359
359
>
360
- { environment . licenseDetails . eeLicenses . length } { environment . licenseDetails . eeLicenses . length !== 1 ? trans ( "enterprise. environments.detail.licenses " ) : trans ( "enterprise. environments.detail.license " ) }
360
+ { environment . licenseDetails . eeLicenses . length } { environment . licenseDetails . eeLicenses . length !== 1 ? trans ( "environments.detail_licenses " ) : trans ( "environments.detail_license " ) }
361
361
</ Tag >
362
362
</ Card >
363
363
</ Col >
@@ -370,8 +370,8 @@ const EnvironmentDetail: React.FC = () => {
370
370
styles = { { body : { padding : '16px' } } }
371
371
>
372
372
< Statistic
373
- title = { trans ( "enterprise. environments.detail.enterpriseEdition " ) }
374
- value = { environment . licenseDetails . eeActive ? trans ( "enterprise. environments.detail.active " ) : trans ( "enterprise. environments.detail.inactive " ) }
373
+ title = { trans ( "environments.detail_enterpriseEdition " ) }
374
+ value = { environment . licenseDetails . eeActive ? trans ( "environments.detail_active " ) : trans ( "environments.detail_inactive " ) }
375
375
formatter = { ( value ) => (
376
376
< Tag
377
377
color = { environment . licenseDetails ?. eeActive ? "green" : "red" }
@@ -389,7 +389,7 @@ const EnvironmentDetail: React.FC = () => {
389
389
< div style = { { marginTop : '24px' } } >
390
390
< Typography . Title level = { 5 } style = { { marginBottom : '16px' } } >
391
391
< UserOutlined style = { { marginRight : '8px' } } />
392
- { trans ( "enterprise. environments.detail.licenseInformation " ) }
392
+ { trans ( "environments.detail_licenseInformation " ) }
393
393
</ Typography . Title >
394
394
395
395
< Row gutter = { [ 16 , 16 ] } >
@@ -409,13 +409,13 @@ const EnvironmentDetail: React.FC = () => {
409
409
</ strong >
410
410
</ div >
411
411
< div style = { { fontSize : '12px' , color : '#8c8c8c' , marginBottom : '8px' } } >
412
- { trans ( "enterprise. environments.id" ) } : { license . customerId }
412
+ { trans ( "environments.id" ) } : { license . customerId }
413
413
</ div >
414
414
< div style = { { fontSize : '12px' , color : '#8c8c8c' , marginBottom : '8px' } } >
415
415
UUID: < span style = { { fontFamily : 'monospace' } } > { license . uuid . substring ( 0 , 8 ) } ...</ span >
416
416
</ div >
417
417
< Tag color = "blue" >
418
- { license . apiCallsLimit . toLocaleString ( ) } { trans ( "enterprise. environments.detail.calls " ) }
418
+ { license . apiCallsLimit . toLocaleString ( ) } { trans ( "environments.detail_calls " ) }
419
419
</ Tag >
420
420
</ Card >
421
421
</ Col >
0 commit comments