1- import { Label , LabelGroup } from '@patternfly/react-core' ;
1+ import { Label , LabelGroup , Stack , StackItem } from '@patternfly/react-core' ;
22import * as React from 'react' ;
33import TypedObjectIcon from '~/concepts/design/TypedObjectIcon' ;
44import { ProjectObjectType } from '~/concepts/design/utils' ;
@@ -18,30 +18,32 @@ type Props = {
1818const InferenceServiceServingRuntime : React . FC < Props > = ( { servingRuntime, isProjectScoped } ) => (
1919 < >
2020 { servingRuntime ? (
21- < >
22- { getDisplayNameFromServingRuntimeTemplate ( servingRuntime ) }
23- < LabelGroup >
24- { getServingRuntimeVersion ( servingRuntime ) && (
25- < ServingRuntimeVersionLabel
26- version = { getServingRuntimeVersion ( servingRuntime ) }
27- isCompact
28- />
29- ) }
30- { isProjectScoped &&
31- servingRuntime . metadata . annotations ?. [ 'opendatahub.io/serving-runtime-scope' ] ===
32- SERVING_RUNTIME_SCOPE . Project && (
33- < Label
34- variant = "outline"
35- color = "blue"
36- data-testid = "project-scoped-label"
21+ < Stack >
22+ < StackItem > { getDisplayNameFromServingRuntimeTemplate ( servingRuntime ) } </ StackItem >
23+ < StackItem >
24+ < LabelGroup >
25+ { getServingRuntimeVersion ( servingRuntime ) && (
26+ < ServingRuntimeVersionLabel
27+ version = { getServingRuntimeVersion ( servingRuntime ) }
3728 isCompact
38- icon = { < TypedObjectIcon alt = "" resourceType = { ProjectObjectType . project } /> }
39- >
40- Project-scoped
41- </ Label >
29+ />
4230 ) }
43- </ LabelGroup >
44- </ >
31+ { isProjectScoped &&
32+ servingRuntime . metadata . annotations ?. [ 'opendatahub.io/serving-runtime-scope' ] ===
33+ SERVING_RUNTIME_SCOPE . Project && (
34+ < Label
35+ variant = "outline"
36+ color = "blue"
37+ data-testid = "project-scoped-label"
38+ isCompact
39+ icon = { < TypedObjectIcon alt = "" resourceType = { ProjectObjectType . project } /> }
40+ >
41+ Project-scoped
42+ </ Label >
43+ ) }
44+ </ LabelGroup >
45+ </ StackItem >
46+ </ Stack >
4547 ) : (
4648 'Unknown'
4749 ) }
0 commit comments