chore(deps): bump @redhat-cloud-services/frontend-components-utilities from 3.3.11 to 3.3.12

package.json

@@ -13,7 +13,7 @@
     "@redhat-cloud-services/frontend-components-notifications": "^3.2.12",
     "@redhat-cloud-services/frontend-components-remediations": "^3.2.8",
     "@redhat-cloud-services/frontend-components-translations": "^3.2.5",
-    "@redhat-cloud-services/frontend-components-utilities": "^3.3.11",
+    "@redhat-cloud-services/frontend-components-utilities": "^3.3.12",
     "@redhat-cloud-services/host-inventory-client": "^1.0.111",
     "@scalprum/react-core": "^0.1.9",
     "@unleash/proxy-client-react": "^1.0.4",

src/App.scss

@@ -1,8 +1,3 @@
-// Importing Global Variables
-@import "~@redhat-cloud-services/frontend-components-utilities/styles/_all";
-@import "~@redhat-cloud-services/frontend-components/index.css";
-@import "~@redhat-cloud-services/frontend-components-notifications/index.css";
-
 table.patchCompactInventory {
     .ins-composed-col {
         font-size: var(--pf-c-table--m-compact--FontSize);

src/PresentationalComponents/StatusReports/AdvisoriesStatusReport.js

@@ -82,14 +82,14 @@ const StatusCard = ({ advisory: { attributes, id } }) =>
     );
 
 const AdvisoriesStatusBar = () => {
-    const [advisories, setAdvisories] = React.useState([]);
+    const [advisories, setAdvisories] = React.useState({});
     React.useEffect(async () => {
         setAdvisories(
             await fetchApplicableAdvisoriesApi({ limit: 4, sort: '-advisory_type_name,-applicable_systems' })
         );
     }, []);
 
-    return advisories.data && advisories.data.length  && (
+    return advisories.data && advisories.data.length && (
         <Main style={{ paddingBottom: 0, paddingTop: 0 }}>
 
             <Title headingLevel="h3" className='pf-u-my-md'>

src/SmartComponents/Advisories/Advisories.js

@@ -125,7 +125,7 @@ const Advisories = ({ history }) => {
     return (
         <React.Fragment>
             <Header title={intl.formatMessage(messages.titlesPatchAdvisories)} headerOUIA={'advisories'} />
-            {metadata?.has_systems === true && <AdvisoriesStatusReport/>}
+            <AdvisoriesStatusReport/>
             <Main>
                 <TableView
                     columns={advisoriesColumns}

src/SmartComponents/Advisories/Advisories.test.js

@@ -29,7 +29,8 @@ jest.mock('../../Utilities/api', () => ({
     exportAdvisoriesCSV: jest.fn(() => Promise.resolve({ success: true }).catch((err) => console.log(err))),
     fetchSystems: jest.fn(() => Promise.resolve({ data: { id: 'testId' } }).catch((err) => console.log(err))),
     fetchViewAdvisoriesSystems: jest.fn(() => Promise.resolve({ success: true }).catch((err) => console.log(err))),
-    fetchIDs: jest.fn(() => Promise.resolve({ ids: [] }).catch((err) => console.log(err)))
+    fetchIDs: jest.fn(() => Promise.resolve({ ids: [] }).catch((err) => console.log(err))),
+    fetchApplicableAdvisoriesApi: jest.fn(() => Promise.resolve({ success: true }).catch((err) => console.log(err)))
 }));
 
 jest.mock('../../Utilities/constants', () => ({