diff --git a/packages/oss-console/src/components/Executions/ExecutionDetails/ExecutionLabels.tsx b/packages/oss-console/src/components/Executions/ExecutionDetails/ExecutionLabels.tsx index 55a8849ab..3586909aa 100644 --- a/packages/oss-console/src/components/Executions/ExecutionDetails/ExecutionLabels.tsx +++ b/packages/oss-console/src/components/Executions/ExecutionDetails/ExecutionLabels.tsx @@ -15,7 +15,7 @@ const useStyles = makeStyles({ maxWidth: '420px' }, chip: { - margin: 4, + margin: '2px 2px 2px 0', }, }); @@ -26,6 +26,7 @@ export const ExecutionLabels: React.FC = ({values}) => {
{Object.entries(values).map(([key, value]) => ( = () => { details.push({ label: ExecutionMetadataLabels.labels, value: ( - + Object.entries(labels.values).length > 0 ? + : dashedValueString ) }) } diff --git a/packages/oss-console/src/components/Executions/ExecutionDetails/test/ExecutionMetadata.test.tsx b/packages/oss-console/src/components/Executions/ExecutionDetails/test/ExecutionMetadata.test.tsx index f201013fb..782ac2b35 100644 --- a/packages/oss-console/src/components/Executions/ExecutionDetails/test/ExecutionMetadata.test.tsx +++ b/packages/oss-console/src/components/Executions/ExecutionDetails/test/ExecutionMetadata.test.tsx @@ -119,7 +119,7 @@ describe('ExecutionMetadata', () => { const { getByTestId } = renderMetadata(); expect(getByTestId(parentNodeExecutionTestId)).toHaveTextContent('name'); }) - + it('shows labels if spec has them', () => { const { getByTestId } = renderMetadata(); expect(getByTestId(labelsTestId)).toHaveTextContent("key: value");