Sha256: 3745513ea2c1de11fbe429e0b7d912e8a8dde73d87b912a9d725b57eacb5bf2e
Contents?: true
Size: 1.37 KB
Versions: 28
Compression:
Stored size: 1.37 KB
Contents
import React from 'react';
import { PropTypes } from 'prop-types';
import {
Flex,
FlexItem,
Label,
Text,
} from '@patternfly/react-core';
import { ExclamationTriangleIcon } from '@patternfly/react-icons';
import {
global_warning_color_100 as warningColor,
} from '@patternfly/react-tokens';
const ActionSummary = ({ title, text, selectedEnv: { name, id } }) => (
<div>
{title &&
<h3 style={{ margin: '8px 0' }}><b>{title}</b></h3>
}
{text &&
<Flex>
<FlexItem style={{ marginRight: '8px' }}>
<ExclamationTriangleIcon color={warningColor.value} />
</FlexItem>
<FlexItem style={{ marginRight: '8px' }}>
<Text ouiaId="action-summary-text">{text}</Text>
</FlexItem>
{name && id &&
<FlexItem>
<Label isTruncated color="purple" href={`/lifecycle_environments/${id}`}>{name}</Label>
</FlexItem>
}
</Flex>
}
</div>);
ActionSummary.propTypes = {
title: PropTypes.oneOfType([
PropTypes.string,
PropTypes.object, // React component
]),
text: PropTypes.oneOfType([
PropTypes.string,
PropTypes.object, // React component
]),
selectedEnv: PropTypes.shape({
id: PropTypes.number,
name: PropTypes.string,
}),
};
ActionSummary.defaultProps = {
title: undefined,
text: undefined,
selectedEnv: {},
};
export default ActionSummary;
Version data entries
28 entries across 28 versions & 1 rubygems