webpack/scenes/ContentViews/expansions/DetailsExpansion.js in katello-4.2.2 vs webpack/scenes/ContentViews/expansions/DetailsExpansion.js in katello-4.3.0.rc1

@@ -1,29 +1,66 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { translate as __ } from 'foremanReact/common/I18n';
+import RelatedCompositeContentViewsModal from './RelatedCompositeContentViewsModal';
+import RelatedContentViewComponentsModal from './RelatedContentViewComponentsModal';
 
-const DetailsExpansion = ({ cvId, activationKeys, hosts }) => {
+const DetailsExpansion = ({
+  cvId, cvName, cvComposite, activationKeys, hosts, relatedCVCount, relatedCompositeCVs,
+}) => {
   const activationKeyCount = activationKeys.length;
   const hostCount = hosts.length;
 
+  const relatedContentViewModal = () => {
+    if (cvComposite) {
+      return (
+        <>
+          {__('Related component cvs: ')}
+          <RelatedContentViewComponentsModal key="cvId" {...{ cvName, cvId, relatedCVCount }} />
+        </>
+      );
+    }
+    return (
+      <>
+        {__('Related composite cvs: ')}
+        <RelatedCompositeContentViewsModal
+          key={cvId}
+          {...{
+         cvName, cvId, relatedCVCount, relatedCompositeCVs,
+        }}
+        />
+      </>
+    );
+  };
+
   return (
     <div id={`cv-details-expansion-${cvId}`}>
       {__('Activation keys: ')}<a aria-label={`activation_keys_link_${cvId}`} href={`/activation_keys?search=content_view_id+%3D+${cvId}`}>{activationKeyCount}</a>
       <br />
       {__('Hosts: ')}<a aria-label={`host_link_${cvId}`} href={`/hosts?search=content_view_id+%3D+${cvId}`}>{hostCount}</a>
+      <br />
+      {relatedContentViewModal()}
     </div>
   );
 };
 
 DetailsExpansion.propTypes = {
   cvId: PropTypes.number.isRequired,
   activationKeys: PropTypes.arrayOf(PropTypes.shape({})),
   hosts: PropTypes.arrayOf(PropTypes.shape({})),
+  cvName: PropTypes.string,
+  cvComposite: PropTypes.bool,
+  relatedCompositeCVs: PropTypes.arrayOf(PropTypes.shape({})),
+  relatedCVCount: PropTypes.number,
 };
 
 DetailsExpansion.defaultProps = {
   activationKeys: [],
   hosts: [],
+  cvName: '',
+  cvComposite: false,
+  relatedCompositeCVs: [],
+  relatedCVCount: 0,
+
 };
 
 export default DetailsExpansion;