Revert "Release to master-stable"

src/App.js

@@ -10,7 +10,6 @@ const App = () => {
     const history = useHistory();
     const chrome = useChrome();
     useEffect(() => {
-        chrome.init();
         return chrome.on(
             'APP_NAVIGATION',
             event => {

src/components/GeneralInfo/EditButton/EditButton.js

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 import { usePermissionsWithContext } from '@redhat-cloud-services/frontend-components-utilities/RBACHook';
+import useChrome from '@redhat-cloud-services/frontend-components/useChrome';
 
 import { PencilAltIcon } from '@patternfly/react-icons';
 
@@ -46,7 +47,9 @@ EditButtonUnknownPermissions.propTypes = {
 };
 
 const EditButtonWrapper = ({ writePermissions, ...props }) => {
-    if (insights.chrome.isProd || writePermissions || permissionsCache) {
+    const { isProd } = useChrome();
+
+    if (isProd?.() || writePermissions || permissionsCache) {
         return <InnerButton {...props} />;
     }
 

src/components/GeneralInfo/EditButton/EditButtonWithNoAccess.test.js

@@ -5,7 +5,7 @@ import { PencilAltIcon } from '@patternfly/react-icons';
 import EditButton from './EditButton';
 
 jest.mock('@redhat-cloud-services/frontend-components-utilities/RBACHook', () => ({
-    esModule: true,
+    __esModule: true,
     usePermissionsWithContext: () => ({ hasAccess: false })
 }));
 
@@ -39,21 +39,6 @@ describe('EditButton with no access', () => {
         expect(wrapper.find('a')).toHaveLength(0);
     });
 
-    it('render on production', () => {
-        const tmp = insights.chrome.isProd;
-        insights.chrome.isProd = true;
-
-        const wrapper = mount(<EditButton
-            onClick={onClick}
-            link={link}
-        />);
-
-        expect(wrapper.find(PencilAltIcon)).toHaveLength(1);
-        expect(wrapper.find('a').props().href).toEqual('http://localhost:5000//some-link');
-
-        insights.chrome.isProd = tmp;
-    });
-
     it('render when write permissions are set to true', () => {
         const wrapper = mount(<EditButton
             onClick={onClick}

src/components/GeneralInfo/EditButton/EditButtonWithNoAccessProd.test.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import { PencilAltIcon } from '@patternfly/react-icons';
+
+import EditButton from './EditButton';
+
+jest.mock('@redhat-cloud-services/frontend-components-utilities/RBACHook', () => ({
+    __esModule: true,
+    usePermissionsWithContext: () => ({ hasAccess: false })
+}));
+
+jest.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
+    __esModule: true,
+    default: () => ({
+        isProd: () => true
+    })
+}));
+
+describe('EditButton with no access', () => {
+    let onClick;
+    let link;
+
+    beforeEach(() => {
+        onClick = jest.fn();
+        link = 'some-link';
+    });
+
+    it('render on production', () => {
+        const wrapper = mount(<EditButton
+            onClick={onClick}
+            link={link}
+        />);
+
+        expect(wrapper.find(PencilAltIcon)).toHaveLength(1);
+        expect(wrapper.find('a').props().href).toEqual('http://localhost:5000//some-link');
+    });
+});

src/components/InventoryDetail/ApplicationDetails.js

@@ -2,12 +2,15 @@ import React, { useState, useEffect, Suspense } from 'react';
 import PropTypes from 'prop-types';
 import { useSelector, useStore } from 'react-redux';
 import { Tabs, Tab, Spinner, TabContent } from '@patternfly/react-core';
+import { verifyCulledInsightsClient } from '../../Utilities/sharedFunctions';
+import { getFact } from './helpers';
+import { NotConnected } from '@redhat-cloud-services/frontend-components/NotConnected';
 
 /**
  * Component that renders tabs for each application detail and handles clicking on each item.
  * @param {*} props onTabSelect can be used to notify parent component that detail has been selected.
  */
-const ApplicationDetails = ({ onTabSelect, appList, activeApp, inventoryId, ...props }) => {
+const ApplicationDetails = ({ onTabSelect, appList, activeApp, inventoryId, entity, ...props }) => {
     const store = useStore();
     const items = useSelector(({ entityDetails }) => {
         return (entityDetails?.activeApps || appList || [])
@@ -31,6 +34,8 @@ const ApplicationDetails = ({ onTabSelect, appList, activeApp, inventoryId, ...p
         }
     }, [disabledApps]);
 
+    const isDisconnected = verifyCulledInsightsClient(getFact('per_reporter_staleness', entity));
+
     return (
         <React.Fragment>
             <section className='pf-u-pr-lg pf-u-pl-lg pf-u-background-color-100-on-md'>
@@ -71,10 +76,12 @@ const ApplicationDetails = ({ onTabSelect, appList, activeApp, inventoryId, ...p
                         >
                             {item.name === currentApp && <Suspense fallback={Spinner}>
                                 <section className='pf-c-page__main-section'>
-                                    <Cmp
-                                        inventoryId={inventoryId}
-                                        store={store}
-                                    />
+                                    {isDisconnected && ['patch', 'vulnerabilities', 'advisor']
+                                    .includes(currentApp) ? <NotConnected/>
+                                        : <Cmp
+                                            inventoryId={inventoryId}
+                                            store={store}
+                                        />}
                                 </section>
                             </Suspense>}
                         </TabContent>
@@ -93,7 +100,8 @@ ApplicationDetails.propTypes = {
     })),
     onTabSelect: PropTypes.func,
     activeApp: PropTypes.string.isRequired,
-    inventoryId: PropTypes.string.isRequired
+    inventoryId: PropTypes.string.isRequired,
+    entity: PropTypes.object
 };
 
 export default ApplicationDetails;

src/components/InventoryDetail/InventoryDetail.js

@@ -67,6 +67,7 @@ const InventoryDetail = ({
                         activeApp={activeApp}
                         appList={appList}
                         inventoryId={inventoryId}
+                        entity={entity}
                     />
                 )}
             </>)

src/routes/InventoryDetail.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useState, useCallback } from 'react';
+import React, { useEffect, useState, useCallback, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { useSelector, useStore, useDispatch } from 'react-redux';
 import { useLocation, useParams, Link, useHistory } from 'react-router-dom';
@@ -75,6 +75,11 @@ const Inventory = () => {
     const writePermissions = useWritePermissions();
     const entityLoaded = useSelector(({ entityDetails }) => entityDetails?.loaded);
     const entity = useSelector(({ entityDetails }) => entityDetails?.entity);
+    const cloudProvider = useSelector(({ systemProfileStore }) => systemProfileStore?.systemProfile?.cloud_provider);
+    const availableApps = useMemo(() => appList.map((app) => app.name === 'ros' ? {
+        ...app,
+        isVisible: cloudProvider === 'aws'
+    } : app), [cloudProvider]);
     const clearNotifications = () => dispatch(actions.clearNotifications());
 
     useEffect(() => {
@@ -92,7 +97,7 @@ const Inventory = () => {
     }
 
     useEffect(() => {
-        insights?.chrome?.appObjectId?.(entity?.id);
+        chrome?.appObjectId?.(entity?.id);
     }, [entity?.id]);
 
     const onTabSelect = useCallback((_, activeApp, appName) => {
@@ -122,7 +127,7 @@ const Inventory = () => {
                 <BreadcrumbWrapper entity={entity} entityLoaded={entityLoaded} inventoryId={inventoryId}/>
             }
             activeApp={activeApp}
-            appList={appList}
+            appList={availableApps}
             onTabSelect={onTabSelect}
         />
     );

src/store/reducers.js

@@ -58,17 +58,6 @@ function entitySelected(state, { payload }) {
     };
 }
 
-function resourceOptTabVisibility(state, { payload }) {
-    return {
-        ...state,
-        activeApps: state.activeApps?.map((entity) => entity.name === 'ros' ? ({
-            ...entity,
-            isVisible: payload
-        }) : entity
-        )
-    };
-}
-
 function entityDeleted(state, { meta }) {
     const selected = state.selected || (new Map());
     meta.systems.forEach(id => selected.delete(id));
@@ -135,8 +124,7 @@ export const tableReducer = applyReducerHash(
 
 export const entitesDetailReducer = () => applyReducerHash(
     {
-        [INVENTORY_ACTION_TYPES.LOAD_ENTITY_FULFILLED]: entityLoaded,
-        [INVENTORY_ACTION_TYPES.LOAD_SYSTEM_PROFILE_FULFILLED]: resourceOptTabVisibility
+        [INVENTORY_ACTION_TYPES.LOAD_ENTITY_FULFILLED]: entityLoaded
     },
     defaultState
 );