- <Grid item xs={12} md={mdSize}>
- <DetailsAttribute label='Runtime Constraints'
- value={JSON.stringify(containerRequest.runtimeConstraints)} />
- </Grid>
- <Grid item xs={12} md={mdSize}>
- <DetailsAttribute label='Docker Image locator'
- linkToUuid={containerRequest.containerImage} value={containerRequest.containerImage} />
+ {/*
+ NOTE: The property list should be kept at the bottom, because it spans
+ the entire available width, without regards of the twoCol prop.
+ */}
+ <Grid item xs={12} md={12}>
+ <DetailsAttribute label='Properties' />
+ { Object.keys(containerRequest.properties).length > 0
+ ? Object.keys(containerRequest.properties).map(k =>
+ Array.isArray(containerRequest.properties[k])
+ ? containerRequest.properties[k].map((v: string) =>
+ getPropertyChip(k, v, undefined, classes.propertyTag))
+ : getPropertyChip(k, containerRequest.properties[k], undefined, classes.propertyTag))
+ : <div>No properties</div> }