feat: Dashbar global filter (#1638)

package.json

@@ -16,7 +16,7 @@
     "@redhat-cloud-services/frontend-components-pdf-generator": "2.6.7",
     "@redhat-cloud-services/frontend-components-translations": "3.2.3",
     "@redhat-cloud-services/frontend-components-utilities": "3.2.8",
-    "@redhat-cloud-services/vulnerabilities-client": "1.0.106",
+    "@redhat-cloud-services/vulnerabilities-client": "1.0.107",
     "axios": "^0.26.1",
     "classnames": "^2.2.5",
     "dot": "^1.1.3",

src/Components/SmartComponents/Dashbar/Dashbar.js

@@ -2,8 +2,8 @@ import React, { useEffect, useState } from 'react';
 import { Card, Grid, GridItem, StackItem, Stack, Alert, CardBody, Text } from '@patternfly/react-core';
 import { Main } from '@redhat-cloud-services/frontend-components/Main';
 import { SecurityIcon } from '@patternfly/react-icons';
-import { CVES_ALLOWED_PARAMS, impactList, CVES_DEFAULT_FILTERS } from '../../../Helpers/constants';
-import { constructFilterParameters, useUrlParams } from '../../../Helpers/MiscHelper';
+import { impactList, CVES_DEFAULT_FILTERS } from '../../../Helpers/constants';
+import { constructFilterParameters } from '../../../Helpers/MiscHelper';
 import { useDispatch, useSelector } from 'react-redux';
 import { changeCveListParameters } from '../../../Store/Actions/Actions';
 import { FormattedMessage } from 'react-intl';
@@ -49,7 +49,7 @@ DashbarItem.propTypes = {
 const Dashbar = () => {
     const intl = useIntl();
     const dispatch = useDispatch();
-    const [urlParameters] = useUrlParams([CVES_ALLOWED_PARAMS]);
+    const [isFirstLoad, setFirstLoad] = useState(true);
     const [dashbar, setDashbar] = useState({});
     const [announcement, setAnnouncement] = useState({});
     const [isDashbarLoading, setDashbarLoading] = useState(true);
@@ -76,16 +76,20 @@ const Dashbar = () => {
         };
 
         const fetchDashbar = async () => {
-            let data = await getDashbar();
+            let data = await getDashbar(parameters);
             setDashbar(data);
             setDashbarLoading(false);
         };
 
-        fetchAnnouncements();
-        fetchDashbar();
-    }, []);
+        if (isFirstLoad) {
+            setFirstLoad(false);
+        } else {
+            fetchAnnouncements();
+            fetchDashbar();
+        }
+    }, [parameters]);
 
-    return (urlParameters?.dashbar === 'true' &&
+    return (
         <Main style={{ paddingBottom: 0 }}>
             <Stack hasGutter>
                 <StackItem>