fix: Update colors of risk of change labels (#1777)

* fix: Update colors of risk of change colors * Update snapshots
RedHatInsights · Oct 11, 2022 · cbab958 · cbab958
1 parent 10b8a10
commit cbab958
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 42 deletions.
diff --git a/src/Components/PresentationalComponents/CSAwRuleBox/__snapshots__/CSAwRuleBox.test.js.snap b/src/Components/PresentationalComponents/CSAwRuleBox/__snapshots__/CSAwRuleBox.test.js.snap
@@ -894,7 +894,7 @@ An unprivileged user can use this flaw to gain read access to privileged memory
                                                         }
                                                         trigger={
                                                           <Label
-                                                            className="impact-label-moderate"
+                                                            color="orange"
                                                           >
                                                             Moderate
                                                           </Label>
@@ -905,10 +905,10 @@ An unprivileged user can use this flaw to gain read access to privileged memory
                                                           onFoundRef={[Function]}
                                                         >
                                                           <Label
-                                                            className="impact-label-moderate"
+                                                            color="orange"
                                                           >
                                                             <span
-                                                              className="pf-c-label impact-label-moderate"
+                                                              className="pf-c-label pf-m-orange"
                                                             >
                                                               <span
                                                                 className="pf-c-label__content"
@@ -2121,7 +2121,7 @@ An unprivileged user can use this flaw to gain read access to privileged memory
                                                         }
                                                         trigger={
                                                           <Label
-                                                            className="impact-label-moderate"
+                                                            color="orange"
                                                           >
                                                             Moderate
                                                           </Label>
@@ -2132,10 +2132,10 @@ An unprivileged user can use this flaw to gain read access to privileged memory
                                                           onFoundRef={[Function]}
                                                         >
                                                           <Label
-                                                            className="impact-label-moderate"
+                                                            color="orange"
                                                           >
                                                             <span
-                                                              className="pf-c-label impact-label-moderate"
+                                                              className="pf-c-label pf-m-orange"
                                                             >
                                                               <span
                                                                 className="pf-c-label__content"

diff --git a/src/Helpers/constants.js b/src/Helpers/constants.js
@@ -11,7 +11,6 @@ import messages from '../Messages';
 import { intl } from '../Utilities/IntlProvider';
 import { intlFormatWithBold } from './ReportsHelper';
 import { Label as Pflabel, Tooltip } from '@patternfly/react-core';
-import './severityLabels.scss';
 import { Fragment } from 'react';
 import TagFilter from '../Components/PresentationalComponents/Filters/CustomFilters/TagFilter';
 import NotVulnerableLabel from '../Components/PresentationalComponents/Snippets/NotVulnerableLabel';
@@ -470,22 +469,22 @@ export const RISK_OF_CHANGE_TOOLTIP = {
 
 export const RISK_OF_CHANGE_LABEL = {
     1: (
-        <Pflabel className="impact-label-very-low">
+        <Pflabel color="blue">
             {intl.formatMessage(messages.impactListVeryLow)}
         </Pflabel>
     ),
     2: (
-        <Pflabel className="impact-label-low">
+        <Pflabel color="gold">
             {intl.formatMessage(messages.impactListLow)}
         </Pflabel>
     ),
     3: (
-        <Pflabel className="impact-label-moderate">
+        <Pflabel color="orange">
             {intl.formatMessage(messages.impactListModerate)}
         </Pflabel>
     ),
     4: (
-        <Pflabel className="impact-label-high">
+        <Pflabel color="red">
             {intl.formatMessage(messages.impactListHigh)}
         </Pflabel>
     )

diff --git a/src/Helpers/severityLabels.scss b/src/Helpers/severityLabels.scss