[WIP] Create Satellite trial pages

package.json

@@ -70,7 +70,7 @@
     "@redhat-cloud-services/frontend-components": "^3.9.2",
     "@redhat-cloud-services/frontend-components-notifications": "^3.2.7",
     "@redhat-cloud-services/frontend-components-translations": "3.2.3",
-    "@redhat-cloud-services/frontend-components-utilities": "3.2.3",
+    "@redhat-cloud-services/frontend-components-utilities": "3.2.24",
     "classnames": "2.3.1",
     "enzyme-to-json": "3.6.2",
     "react": "17.0.2",

src/App.js

@@ -3,16 +3,20 @@ import './App.scss';
 import React, { createContext, useEffect, useState } from 'react';
 import { batch, useDispatch } from 'react-redux';
 import { setSIDs, setSelectedTags, setWorkloads } from './AppActions';
+import { init, RegistryContext } from './Store/index';
 
 import API from './Utilities/Api';
 import { INVENTORY_TOTAL_FETCH_URL } from './AppConstants';
 import PageLoading from './PresentationalComponents/PageLoading/PageLoading';
 import PropTypes from 'prop-types';
 import { Routes } from './Routes';
+import NotificationsPortal from '@redhat-cloud-services/frontend-components-notifications/NotificationPortal';
 
 export const PermissionContext = createContext();
 
 const App = (props) => {
+    const [registry, setRegistry] = useState();
+
     const dispatch = useDispatch();
     const [permissions, setPermissions] = useState({
         customPolicies: false,
@@ -94,26 +98,41 @@ const App = (props) => {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 
+    useEffect(() => {
+        setRegistry(init());
+
+        return () => {
+            setRegistry(undefined);
+        };
+    }, []);
+
     return (
-        arePermissionsReady ?
-            <PermissionContext.Provider
-                value={ {
-                    customPolicies: permissions.customPolicies,
-                    compliance: permissions.compliance,
-                    drift: permissions.drift,
-                    advisor: permissions.advisor,
-                    remediations: permissions.remediations,
-                    patch: permissions.patch,
-                    vulnerability: permissions.vulnerability,
-                    subscriptions: permissions.subscriptions,
-                    ros: permissions.ros,
-                    notifications: permissions.notifications,
-                    isOrgAdmin,
-                    hasSystems
-                } }>
-                <Routes childProps={ props } />
-            </PermissionContext.Provider>
-            : <PageLoading />
+        registry ? (
+            <RegistryContext.Provider value={{
+                getRegistry: () => registry
+            }}>
+                <NotificationsPortal />
+                {arePermissionsReady ?
+                    <PermissionContext.Provider
+                        value={ {
+                            customPolicies: permissions.customPolicies,
+                            compliance: permissions.compliance,
+                            drift: permissions.drift,
+                            advisor: permissions.advisor,
+                            remediations: permissions.remediations,
+                            patch: permissions.patch,
+                            vulnerability: permissions.vulnerability,
+                            subscriptions: permissions.subscriptions,
+                            ros: permissions.ros,
+                            notifications: permissions.notifications,
+                            isOrgAdmin,
+                            hasSystems
+                        } }>
+                        <Routes childProps={ props } />
+                    </PermissionContext.Provider>
+                    : <PageLoading />}
+            </RegistryContext.Provider>
+        ) : null
     );
 };
 

src/AppConstants.js

@@ -56,6 +56,8 @@ export const INVENTORY_BASE = '/inventory/v1';
 const INVENTORY_PER_PAGE = 'per_page=1';
 export const INVENTORY_TOTAL_FETCH = 'INVENTORY_TOTAL_FETCH';
 export const INVENTORY_TOTAL_FETCH_URL = `${BASE_URL}${INVENTORY_BASE}/hosts?${INVENTORY_PER_PAGE}`;
+export const INVENTORY_FETCH_SYSTEMS = 'INVENTORY_FETCH_SYSTEMS';
+export const INVENTORY_BASE_FETCH_URL = `${BASE_URL}${INVENTORY_BASE}/hosts`;
 export const INVENTORY_FETCH = 'INVENTORY_FETCH';
 export const INVENTORY_FETCH_URL = `${BASE_URL}${INVENTORY_BASE}/hosts?registered_with=puptoo&${INVENTORY_PER_PAGE}`;
 export const INVENTORY_STALE_FETCH = 'INVENTORY_STALE_FETCH';