webpack/routes/OvalPolicies/OvalPoliciesShow/OvalPoliciesShow.js in foreman_openscap-5.0.0 vs webpack/routes/OvalPolicies/OvalPoliciesShow/OvalPoliciesShow.js in foreman_openscap-5.1.0

@@ -5,23 +5,23 @@
 import { translate as __ } from 'foremanReact/common/I18n';
 import {
   Button,
   Grid,
   GridItem,
-  TextContent,
   Text,
   TextVariants,
   Tabs,
   Tab,
   TabTitleText,
 } from '@patternfly/react-core';
 
 import withLoading from '../../../components/withLoading';
-
 import CvesTab from './CvesTab';
+import HostgroupsTab from './HostgroupsTab';
+import DetailsTab from './DetailsTab';
 
-import { policySchedule, newJobFormPath } from './OvalPoliciesShowHelper';
+import { newJobFormPath } from './OvalPoliciesShowHelper';
 import { resolvePath } from '../../../helpers/pathsHelper';
 
 const OvalPoliciesShow = props => {
   const { policy, match, history } = props;
   const activeTab = match.params.tab ? match.params.tab : 'details';
@@ -48,20 +48,24 @@
         </GridItem>
         <GridItem span={12}>
           <Tabs mountOnEnter activeKey={activeTab} onSelect={handleTabSelect}>
             <Tab
               eventKey="details"
-              title={<TabTitleText>Details</TabTitleText>}
+              title={<TabTitleText>{__('Details')}</TabTitleText>}
             >
-              <TextContent className="pf-u-pt-md">
-                <Text component={TextVariants.h3}>Period</Text>
-                <Text component={TextVariants.p}>{policySchedule(policy)}</Text>
-                <Text component={TextVariants.h3}>Description</Text>
-                <Text component={TextVariants.p}>{policy.description}</Text>
-              </TextContent>
+              <DetailsTab {...props} />
             </Tab>
-            <Tab eventKey="cves" title={<TabTitleText>CVEs</TabTitleText>}>
+            <Tab
+              eventKey="cves"
+              title={<TabTitleText>{__('CVEs')}</TabTitleText>}
+            >
               <CvesTab {...props} />
+            </Tab>
+            <Tab
+              eventKey="hostgroups"
+              title={<TabTitleText>{__('Hostgroups')}</TabTitleText>}
+            >
+              <HostgroupsTab {...props} />
             </Tab>
           </Tabs>
         </GridItem>
       </Grid>
     </React.Fragment>