katello 4.4.1 → 4.5.0

data/webpack/components/extensions/HostDetails/Cards/HostCollectionsCard/__tests__/hostCollectionsModal.test.js

@@ -0,0 +1,235 @@
+import React from 'react';
+import { renderWithRedux, patientlyWaitFor, fireEvent } from 'react-testing-lib-wrapper';
+import mockAvailableHostCollections from './availableHostCollections.fixtures.json';
+import mockRemovableHostCollections from './removableHostCollections.fixtures.json';
+import { REMOVABLE_HOST_COLLECTIONS_KEY } from '../HostCollectionsConstants';
+import { assertNockRequest, mockAutocomplete, mockSetting, nockInstance } from '../../../../../../test-utils/nockWrapper';
+import katelloApi, { foremanApi } from '../../../../../../services/api';
+import { HostCollectionsAddModal, HostCollectionsRemoveModal } from '../HostCollectionsModal';
+
+const renderOptions = () => ({
+  apiNamespace: REMOVABLE_HOST_COLLECTIONS_KEY,
+  initialState: {
+    API: {
+      HOST_DETAILS: {
+        response: {
+          id: 1,
+          name: 'test-host',
+        },
+        status: 'RESOLVED',
+      },
+    },
+  },
+});
+
+const availableHostCollections = katelloApi.getApiUrl('/host_collections');
+const alterHostCollections = foremanApi.getApiUrl('/hosts/1/host_collections');
+const autocompleteUrl = '/host_collections/auto_complete_search';
+const hostDetailsUrl = '/api/hosts/test-host';
+
+const defaultQuery = {
+  host_id: 1,
+  per_page: 20,
+  page: 1,
+};
+const defaultQueryWithAvailable = {
+  ...defaultQuery,
+  available_for: 'host',
+};
+
+let firstHostCollection;
+let searchDelayScope;
+let autoSearchScope;
+
+describe('HostCollectionsAddModal', () => {
+  beforeEach(() => {
+    const { results } = mockAvailableHostCollections;
+    [firstHostCollection] = results;
+    searchDelayScope = mockSetting(nockInstance, 'autosearch_delay', 500);
+    autoSearchScope = mockSetting(nockInstance, 'autosearch_while_typing', true);
+  });
+
+  afterEach(() => {
+    assertNockRequest(searchDelayScope);
+    assertNockRequest(autoSearchScope);
+  });
+
+  test('Calls API with available_for=host on page load', async (done) => {
+    const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl);
+
+    const scope = nockInstance
+      .get(availableHostCollections)
+      .query(defaultQueryWithAvailable)
+      .reply(200, mockAvailableHostCollections);
+
+    const { getAllByText }
+       = renderWithRedux(<HostCollectionsAddModal
+         isOpen
+         closeModal={jest.fn()}
+         hostId={1}
+         hostName="test-host"
+         existingHostCollectionIds={[]}
+       />, renderOptions());
+
+    await patientlyWaitFor(() =>
+      expect(getAllByText(firstHostCollection.name)[0]).toBeInTheDocument());
+    assertNockRequest(autocompleteScope);
+    assertNockRequest(scope, done); // Pass jest callback to confirm test is done
+  });
+
+  test('Calls alterHostCollections with combined list of existing and new host collections', async (done) => {
+    const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl);
+
+    const scope = nockInstance
+      .get(availableHostCollections)
+      .query(defaultQueryWithAvailable)
+      .reply(200, mockAvailableHostCollections);
+
+    const alterScope = nockInstance
+      .put(alterHostCollections, {
+        host_collection_ids:
+          [...mockRemovableHostCollections.results.map(r => r.id), firstHostCollection.id],
+      })
+      .reply(200, {});
+
+    const hostDetailsScope = nockInstance
+      .get(hostDetailsUrl)
+      .reply(200, {});
+
+    const { getByRole, getAllByText }
+       = renderWithRedux(<HostCollectionsAddModal
+         isOpen
+         closeModal={jest.fn()}
+         hostId={1}
+         hostName="test-host"
+         existingHostCollectionIds={mockRemovableHostCollections.results.map(r => r.id)}
+       />, renderOptions());
+
+    await patientlyWaitFor(() =>
+      expect(getAllByText(firstHostCollection.name)[0]).toBeInTheDocument());
+    const checkbox = getByRole('checkbox', { name: 'Select row 0' });
+    fireEvent.click(checkbox);
+    const addButton = getByRole('button', { name: 'Add' });
+    expect(addButton).toHaveAttribute('aria-disabled', 'false');
+    fireEvent.click(addButton);
+
+    assertNockRequest(autocompleteScope);
+    assertNockRequest(scope);
+    assertNockRequest(alterScope);
+    assertNockRequest(hostDetailsScope, done);
+  });
+  test('Host collections whose host limit is exceeded are disabled', async (done) => {
+    const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl);
+
+    const scope = nockInstance
+      .get(availableHostCollections)
+      .query(defaultQueryWithAvailable)
+      .reply(200, mockAvailableHostCollections);
+
+    const { getAllByRole, getAllByText }
+       = renderWithRedux(<HostCollectionsAddModal
+         isOpen
+         closeModal={jest.fn()}
+         hostId={1}
+         hostName="test-host"
+         existingHostCollectionIds={[]}
+       />, renderOptions());
+
+    await patientlyWaitFor(() =>
+      expect(getAllByText(firstHostCollection.name)[0]).toBeInTheDocument());
+
+    const disabledCheckboxes = getAllByRole('checkbox').filter(c => c.disabled);
+    const maxedOutHostCollections = mockAvailableHostCollections.results.filter(r =>
+      r.max_hosts === r.total_hosts);
+    expect(disabledCheckboxes.length).toBeGreaterThan(0);
+    expect(disabledCheckboxes).toHaveLength(maxedOutHostCollections.length);
+
+    assertNockRequest(autocompleteScope);
+    assertNockRequest(scope, done); // Pass jest callback to confirm test is done
+  });
+});
+
+describe('HostCollectionsRemoveModal', () => {
+  beforeEach(() => {
+    const { results } = mockAvailableHostCollections;
+    [firstHostCollection] = results;
+    searchDelayScope = mockSetting(nockInstance, 'autosearch_delay', 500);
+    autoSearchScope = mockSetting(nockInstance, 'autosearch_while_typing', true);
+  });
+
+  afterEach(() => {
+    assertNockRequest(searchDelayScope);
+    assertNockRequest(autoSearchScope);
+  });
+
+  test('Calls API without available_for=host on page load', async (done) => {
+    const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl);
+
+    const scope = nockInstance
+      .get(availableHostCollections)
+      .query(defaultQuery)
+      .reply(200, mockAvailableHostCollections);
+
+    const { getAllByText }
+       = renderWithRedux(<HostCollectionsRemoveModal
+         isOpen
+         closeModal={jest.fn()}
+         hostId={1}
+         hostName="test-host"
+         existingHostCollectionIds={mockRemovableHostCollections.results.map(r => r.id)}
+       />, renderOptions());
+
+    // Assert that the packages are now showing on the screen, but wait for them to appear.
+    await patientlyWaitFor(() =>
+      expect(getAllByText(firstHostCollection.name)[0]).toBeInTheDocument());
+    // Assert request was made and completed, see helper function
+    assertNockRequest(autocompleteScope);
+    assertNockRequest(scope, done); // Pass jest callback to confirm test is done
+  });
+
+  test('Calls alterHostCollections with host collections being removed filtered out from the list', async (done) => {
+    const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl);
+
+    const scope = nockInstance
+      .get(availableHostCollections)
+      .query(defaultQuery)
+      .reply(200, mockRemovableHostCollections);
+
+    const alterScope = nockInstance
+      .put(alterHostCollections, {
+        host_collection_ids:
+          mockRemovableHostCollections.results.map(r => r.id).filter(r =>
+            r !== mockRemovableHostCollections.results[0].id),
+      })
+      .reply(200, {});
+
+    const hostDetailsScope = nockInstance // calls host details after successful alter
+      .get(hostDetailsUrl)
+      .reply(200, {});
+
+    const { getByRole, getAllByText }
+       = renderWithRedux(<HostCollectionsRemoveModal
+         isOpen
+         closeModal={jest.fn()}
+         hostId={1}
+         hostName="test-host"
+         existingHostCollectionIds={mockRemovableHostCollections.results.map(r => r.id)}
+       />, renderOptions());
+
+    const [firstRemovableHostCollection] = mockRemovableHostCollections.results;
+    await patientlyWaitFor(() =>
+      expect(getAllByText(firstRemovableHostCollection.name)[0]).toBeInTheDocument());
+    const checkbox = getByRole('checkbox', { name: 'Select row 0' });
+    fireEvent.click(checkbox);
+    expect(getAllByText('1 selected')).toHaveLength(1);
+    const removeButton = getByRole('button', { name: 'Remove' });
+    expect(removeButton).toHaveAttribute('aria-disabled', 'false');
+    fireEvent.click(removeButton);
+
+    assertNockRequest(autocompleteScope);
+    assertNockRequest(scope);
+    assertNockRequest(alterScope);
+    assertNockRequest(hostDetailsScope, done);
+  });
+});
+

data/webpack/components/extensions/HostDetails/Cards/HostCollectionsCard/__tests__/removableHostCollections.fixtures.json

@@ -0,0 +1,45 @@
+{
+    "total": 3,
+    "subtotal": 3,
+    "selectable": 3,
+    "page": "1",
+    "per_page": "20",
+    "error": null,
+    "search": null,
+    "sort": {
+        "by": "name",
+        "order": "asc"
+    },
+    "results": [
+        {
+            "name": "Jer Hosts",
+            "organization_id": 1,
+            "max_hosts": null,
+            "description": null,
+            "total_hosts": 4,
+            "unlimited_hosts": true,
+            "created_at": "2021-11-24 10:12:39 -0500",
+            "updated_at": "2021-11-24 10:12:39 -0500",
+            "id": 1,
+            "permissions": {
+                "deletable": true,
+                "editable": true
+            }
+        },
+        {
+            "name": "Jturel hosts",
+            "organization_id": 1,
+            "max_hosts": 43,
+            "description": "This is my awesome description\n\n\nyeeah\nhi",
+            "total_hosts": 4,
+            "unlimited_hosts": false,
+            "created_at": "2022-02-28 16:18:30 -0500",
+            "updated_at": "2022-02-28 16:23:52 -0500",
+            "id": 2,
+            "permissions": {
+                "deletable": true,
+                "editable": true
+            }
+        }
+    ]
+}

data/webpack/components/extensions/HostDetails/Cards/__tests__/errataOverviewCard.test.js

@@ -15,9 +15,33 @@ describe('Without errata', () => {
     nock.cleanAll();
   });
 
-  test('does not show piechart when there are 0 errata', () => {
+  test('shows zero counts when there are 0 installable errata', () => {
     const hostDetails = {
       ...baseHostDetails,
+      errata_status: 1,
+      content_facet_attributes: {
+        errata_counts: {
+          bugfix: 0,
+          enhancement: 0,
+          security: 0,
+          total: 0,
+        },
+      },
+    };
+    /* eslint-disable max-len */
+    const { queryByLabelText, getByLabelText } = render(<ErrataOverviewCard hostDetails={hostDetails} />);
+    /* eslint-enable max-len */
+    expect(queryByLabelText('errataChart')).not.toBeInTheDocument();
+    expect(getByLabelText('0 total errata')).toBeInTheDocument();
+    expect(getByLabelText('0 security advisories')).toBeInTheDocument();
+    expect(getByLabelText('0 bug fixes')).toBeInTheDocument();
+    expect(getByLabelText('0 enhancements')).toBeInTheDocument();
+  });
+
+  test('shows empty state when there are 0 errata', () => {
+    const hostDetails = {
+      ...baseHostDetails,
+      errata_status: 0,
       content_facet_attributes: {
         errata_counts: {
           bugfix: 0,
@@ -31,7 +55,7 @@ describe('Without errata', () => {
     const { queryByLabelText, getByText } = render(<ErrataOverviewCard hostDetails={hostDetails} />);
     /* eslint-enable max-len */
     expect(queryByLabelText('errataChart')).not.toBeInTheDocument();
-    expect(getByText('0 errata')).toBeInTheDocument();
+    expect(getByText('All errata up-to-date')).toBeInTheDocument();
   });
 
   test('does not show errata card when host not registered', () => {
@@ -60,7 +84,7 @@ describe('With errata', () => {
     nock.cleanAll();
   });
 
-  test('shows piechart when there are errata', () => {
+  test('shows links when there are errata', () => {
     const hostDetails = {
       ...baseHostDetails,
       content_facet_attributes: {
@@ -72,12 +96,13 @@ describe('With errata', () => {
         },
       },
     };
-    const { getByText, container } = render(<ErrataOverviewCard hostDetails={hostDetails} />);
+    const { getByLabelText, container } = render(<ErrataOverviewCard hostDetails={hostDetails} />);
     expect(container.getElementsByClassName('erratachart')).toHaveLength(1);
     expect(container.getElementsByClassName('erratalegend')).toHaveLength(1);
-    expect(getByText('60 errata')).toBeInTheDocument();
-    expect(getByText('30 security advisories')).toBeInTheDocument();
-    expect(getByText('10 bug fixes')).toBeInTheDocument();
-    expect(getByText('20 enhancements')).toBeInTheDocument();
+
+    expect(getByLabelText('60 total errata')).toBeInTheDocument();
+    expect(getByLabelText('30 security advisories')).toBeInTheDocument();
+    expect(getByLabelText('20 enhancements')).toBeInTheDocument();
+    expect(getByLabelText('10 bug fixes')).toBeInTheDocument();
   });
 });

data/webpack/components/extensions/HostDetails/DetailsTabCards/InstalledProductsCard.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { translate as __ } from 'foremanReact/common/I18n';
+import { List, ListItem } from '@patternfly/react-core';
+import CardTemplate from 'foremanReact/components/HostDetails/Templates/CardItem/CardTemplate';
+
+const InstalledProductsCard = ({ isExpandedGlobal, hostDetails }) => {
+  const installedProducts = hostDetails?.subscription_facet_attributes?.installed_products;
+  if (!installedProducts?.length) return null;
+  return (
+    <CardTemplate
+      header={__('Installed products')}
+      expandable
+      isExpandedGlobal={isExpandedGlobal}
+    >
+      <List isPlain>
+        {installedProducts.map(product => (
+          <ListItem key={product.productId}>
+            {product.productName}
+          </ListItem>
+        ))}
+      </List>
+    </CardTemplate>
+  );
+};
+
+InstalledProductsCard.propTypes = {
+  isExpandedGlobal: PropTypes.bool,
+  hostDetails: PropTypes.shape({
+    subscription_facet_attributes: PropTypes.shape({
+      installed_products: PropTypes.arrayOf(PropTypes.shape({
+        productId: PropTypes.string,
+        productName: PropTypes.string,
+      })),
+    }),
+  }),
+};
+
+InstalledProductsCard.defaultProps = {
+  isExpandedGlobal: false,
+  hostDetails: {},
+};
+
+export default InstalledProductsCard;

data/webpack/components/extensions/HostDetails/DetailsTabCards/RecentCommunicationCardExtensions.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import RelativeDateTime from 'foremanReact/components/common/dates/RelativeDateTime';
+import {
+  DescriptionListGroup,
+  DescriptionListTerm,
+  DescriptionListDescription,
+} from '@patternfly/react-core';
+import { translate as __ } from 'foremanReact/common/I18n';
+
+const RecentCommunicationCardExtensions = ({ hostDetails }) => {
+  const { subscription_facet_attributes: subscriptionFacetAttributes } = hostDetails;
+  if (!Object.keys(subscriptionFacetAttributes ?? {}).includes('last_checkin')) return null;
+  const lastCheckin = subscriptionFacetAttributes?.last_checkin;
+  return (
+    <DescriptionListGroup>
+      <DescriptionListTerm>{__('Last check-in:')}</DescriptionListTerm>
+      <DescriptionListDescription>
+        <RelativeDateTime date={lastCheckin} defaultValue={__('Never')} />
+      </DescriptionListDescription>
+    </DescriptionListGroup>
+  );
+};
+
+RecentCommunicationCardExtensions.propTypes = {
+  hostDetails: PropTypes.shape({
+    subscription_facet_attributes: PropTypes.shape({
+      last_checkin: PropTypes.string,
+    }),
+  }),
+};
+
+RecentCommunicationCardExtensions.defaultProps = {
+  hostDetails: {},
+};
+
+export default RecentCommunicationCardExtensions;

data/webpack/components/extensions/HostDetails/DetailsTabCards/RegistrationCard.js

@@ -0,0 +1,107 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { translate as __ } from 'foremanReact/common/I18n';
+import {
+  DescriptionList,
+  DescriptionListTerm,
+  DescriptionListGroup,
+  DescriptionListDescription,
+  List,
+  ListItem,
+  Text,
+  TextVariants,
+} from '@patternfly/react-core';
+import { urlBuilder } from 'foremanReact/common/urlHelpers';
+import { propsToCamelCase } from 'foremanReact/common/helpers';
+import IsoDate from 'foremanReact/components/common/dates/IsoDate';
+import CardTemplate from 'foremanReact/components/HostDetails/Templates/CardItem/CardTemplate';
+
+export const RegisteredBy = ({ user, activationKeys }) => {
+  if (user) {
+    return (
+      <DescriptionListDescription>{user}</DescriptionListDescription>
+    );
+  }
+  return (
+    <>
+      <List isPlain>
+        <Text component={TextVariants.h4}>{activationKeys.length > 1 ? __('Activation keys') : __('Activation key')}</Text>
+        {activationKeys.map(key => (
+          <ListItem key={key.id}>
+            <a href={urlBuilder(`activation_keys/${key.id}`, '')}>{key.name}</a>
+          </ListItem>
+        ))}
+      </List>
+    </>
+  );
+};
+
+RegisteredBy.propTypes = {
+  user: PropTypes.string,
+  activationKeys: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.number,
+    name: PropTypes.string,
+  })),
+};
+
+RegisteredBy.defaultProps = {
+  user: '',
+  activationKeys: {},
+};
+
+const RegistrationCard = ({ isExpandedGlobal, hostDetails }) => {
+  const subscriptionFacetAttributes
+    = propsToCamelCase(hostDetails?.subscription_facet_attributes || {});
+  const {
+    registeredAt, registeredThrough, activationKeys, user,
+  }
+    = subscriptionFacetAttributes;
+  const login = user?.login;
+  if (!registeredAt) return null;
+  return (
+    <CardTemplate
+      header={__('Registration details')}
+      expandable
+      isExpandedGlobal={isExpandedGlobal}
+    >
+      <DescriptionList isHorizontal>
+        <DescriptionListGroup>
+          <DescriptionListTerm>{__('Registered on')}</DescriptionListTerm>
+          <DescriptionListDescription><IsoDate date={registeredAt} /></DescriptionListDescription>
+        </DescriptionListGroup>
+        <DescriptionListGroup>
+          <DescriptionListTerm>{__('Registered by')}</DescriptionListTerm>
+          <RegisteredBy user={login} activationKeys={activationKeys} />
+        </DescriptionListGroup>
+        <DescriptionListGroup>
+          <DescriptionListTerm>{__('Registered through')}</DescriptionListTerm>
+          <DescriptionListDescription>{registeredThrough}</DescriptionListDescription>
+        </DescriptionListGroup>
+      </DescriptionList>
+    </CardTemplate>
+  );
+};
+
+RegistrationCard.propTypes = {
+  isExpandedGlobal: PropTypes.bool,
+  hostDetails: PropTypes.shape({
+    subscription_facet_attributes: PropTypes.shape({
+      user: PropTypes.shape({
+        login: PropTypes.string,
+      }),
+      registered_at: PropTypes.string,
+      registered_through: PropTypes.string,
+      activation_keys: PropTypes.arrayOf(PropTypes.shape({
+        id: PropTypes.number,
+        name: PropTypes.string,
+      })),
+    }),
+  }),
+};
+
+RegistrationCard.defaultProps = {
+  isExpandedGlobal: false,
+  hostDetails: {},
+};
+
+export default RegistrationCard;

data/webpack/components/extensions/HostDetails/DetailsTabCards/SystemPropertiesCardExtensions.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import {
+  DescriptionListGroup,
+  DescriptionListTerm,
+  DescriptionListDescription,
+  ClipboardCopy,
+} from '@patternfly/react-core';
+import { translate as __ } from 'foremanReact/common/I18n';
+
+const SystemPropertiesCardExtensions = ({ hostDetails }) => {
+  const subscriptionUuid = hostDetails?.subscription_facet_attributes?.uuid;
+  if (!subscriptionUuid) return null;
+  return (
+    <DescriptionListGroup>
+      <DescriptionListTerm>{__('Subscription UUID')}</DescriptionListTerm>
+      <DescriptionListDescription>
+        <ClipboardCopy isBlock variant="inline-compact" clickTip={__('Copied to clipboard')}>
+          {subscriptionUuid}
+        </ClipboardCopy>
+      </DescriptionListDescription>
+    </DescriptionListGroup>
+  );
+};
+
+SystemPropertiesCardExtensions.propTypes = {
+  hostDetails: PropTypes.shape({
+    subscription_facet_attributes: PropTypes.shape({
+      uuid: PropTypes.string,
+    }),
+  }),
+};
+
+SystemPropertiesCardExtensions.defaultProps = {
+  hostDetails: {},
+};
+
+export default SystemPropertiesCardExtensions;

data/webpack/components/extensions/HostDetails/HostDetailsActions.js

@@ -1,2 +1,13 @@
+import HOST_DETAILS_KEY from './HostDetailsConstants';
+
 const hostIdNotReady = { type: 'NOOP_HOST_ID_NOT_READY' };
+
+export const getHostDetails = ({ hostname }) => ({
+  type: 'API_GET',
+  payload: {
+    key: HOST_DETAILS_KEY,
+    url: `/api/hosts/${hostname}`,
+  },
+});
+
 export default hostIdNotReady;

data/webpack/components/extensions/HostDetails/Tabs/ContentTab/SecondaryTabsRoutes.js

@@ -3,6 +3,7 @@ import { Route, Switch, Redirect } from 'react-router-dom';
 import { PackagesTab } from '../PackagesTab/PackagesTab.js';
 import { ErrataTab } from '../ErrataTab/ErrataTab.js';
 import { ModuleStreamsTab } from '../ModuleStreamsTab/ModuleStreamsTab';
+import RepositorySetsTab from '../RepositorySetsTab/RepositorySetsTab';
 import { route } from './helpers';
 
 const SecondaryTabRoutes = () => (
@@ -16,6 +17,9 @@ const SecondaryTabRoutes = () => (
     <Route path={route('module-streams')}>
       <ModuleStreamsTab />
     </Route>
+    <Route path={route('Repository sets')}>
+      <RepositorySetsTab />
+    </Route>
     <Redirect to={route('errata')} />
   </Switch>
 );

data/webpack/components/extensions/HostDetails/Tabs/ContentTab/constants.js

@@ -1,9 +1,11 @@
 import { translate as __ } from 'foremanReact/common/I18n';
+import { hideRepoSetsTab } from '../RepositorySetsTab/RepositorySetsTab';
 
 const SECONDARY_TABS = [
   { key: 'packages', title: __('Packages') },
   { key: 'errata', title: __('Errata') },
   { key: 'module-streams', title: __('Module streams') },
+  { key: 'Repository sets', hideTab: hideRepoSetsTab, title: __('Repository sets') },
 ];
 
 export default SECONDARY_TABS;

data/webpack/components/extensions/HostDetails/Tabs/ContentTab/index.js

@@ -2,12 +2,17 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { useHistory } from 'react-router-dom';
 import { Tabs, Tab, TabTitleText } from '@patternfly/react-core';
+import { useSelector } from 'react-redux';
+import { selectAPIResponse } from 'foremanReact/redux/API/APISelectors';
 import SecondaryTabRoutes from './SecondaryTabsRoutes';
 import { activeTab } from './helpers';
 import SECONDARY_TABS from './constants';
 
 const ContentTab = ({ location: { pathname } }) => {
   const hashHistory = useHistory();
+  const hostDetails = useSelector(state => selectAPIResponse(state, 'HOST_DETAILS'));
+  const filteredTabs =
+    SECONDARY_TABS?.filter(tab => !tab.hideTab?.({ hostDetails })) ?? [];
   return (
     <>
       <Tabs
@@ -16,7 +21,7 @@ const ContentTab = ({ location: { pathname } }) => {
         isSecondary
         activeKey={activeTab(pathname)}
       >
-        {SECONDARY_TABS.map(({ key, title }) => (
+        {filteredTabs.map(({ key, title }) => (
           <Tab
             key={key}
             eventKey={key}