From 1a8c31f6796c787954e0e53a53f4d10ad54b2d82 Mon Sep 17 00:00:00 2001
From: Michael O'Toole <mikey@mjco.uk>
Date: Fri, 18 Feb 2022 09:18:56 +0000
Subject: [PATCH] Change wizard confirmation page icons.

---
 src/views/endpoint/MEM/MEMAddPolicy.js        | 14 ++++------
 .../endpoint/autopilot/AutopilotAddProfile.js | 26 ++++++++---------
 .../autopilot/AutopilotAddStatusPage.js       | 22 ++++++---------
 .../administration/OffboardingWizard.js       | 28 ++++++++-----------
 .../tenant/administration/AlertWizard.js      | 26 ++++++++---------
 5 files changed, 48 insertions(+), 68 deletions(-)

diff --git a/src/views/endpoint/MEM/MEMAddPolicy.js b/src/views/endpoint/MEM/MEMAddPolicy.js
index 7540f117023b..ddfcdbce8a3d 100644
--- a/src/views/endpoint/MEM/MEMAddPolicy.js
+++ b/src/views/endpoint/MEM/MEMAddPolicy.js
@@ -2,11 +2,7 @@ import React from 'react'
 import { CCol, CRow, CListGroup, CListGroupItem, CCallout, CSpinner } from '@coreui/react'
 import { Field, FormSpy } from 'react-final-form'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import {
-  faCheckCircle,
-  faExclamationTriangle,
-  faTimesCircle,
-} from '@fortawesome/free-solid-svg-icons'
+import { faCheck, faExclamationTriangle, faTimes } from '@fortawesome/free-solid-svg-icons'
 import { CippWizard } from 'src/components/layout'
 import { WizardTableField } from 'src/components/tables'
 import PropTypes from 'prop-types'
@@ -234,7 +230,7 @@ const AddPolicy = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.Displayname ? faCheckCircle : faTimesCircle}
+                            icon={props.values.Displayname ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -242,7 +238,7 @@ const AddPolicy = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.Description ? faCheckCircle : faTimesCircle}
+                            icon={props.values.Description ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -250,7 +246,7 @@ const AddPolicy = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.Type ? faCheckCircle : faTimesCircle}
+                            icon={props.values.Type ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -258,7 +254,7 @@ const AddPolicy = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.AssignTo ? faCheckCircle : faTimesCircle}
+                            icon={props.values.AssignTo ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                       </CListGroup>
diff --git a/src/views/endpoint/autopilot/AutopilotAddProfile.js b/src/views/endpoint/autopilot/AutopilotAddProfile.js
index cb6309b52ba0..7ab5e5ef7630 100644
--- a/src/views/endpoint/autopilot/AutopilotAddProfile.js
+++ b/src/views/endpoint/autopilot/AutopilotAddProfile.js
@@ -2,11 +2,7 @@ import React from 'react'
 import { CCol, CRow, CForm, CListGroup, CListGroupItem, CCallout, CSpinner } from '@coreui/react'
 import { Field, FormSpy } from 'react-final-form'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import {
-  faCheckCircle,
-  faExclamationTriangle,
-  faTimesCircle,
-} from '@fortawesome/free-solid-svg-icons'
+import { faCheck, faExclamationTriangle, faTimes } from '@fortawesome/free-solid-svg-icons'
 import { CippWizard } from 'src/components/layout'
 import { WizardTableField } from 'src/components/tables'
 import PropTypes from 'prop-types'
@@ -185,7 +181,7 @@ const ApplyStandard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.DisplayName ? faCheckCircle : faTimesCircle}
+                            icon={props.values.DisplayName ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -193,7 +189,7 @@ const ApplyStandard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.DeviceNameTemplate ? faCheckCircle : faTimesCircle}
+                            icon={props.values.DeviceNameTemplate ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -201,7 +197,7 @@ const ApplyStandard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.DeploymentMode ? faCheckCircle : faTimesCircle}
+                            icon={props.values.DeploymentMode ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -209,7 +205,7 @@ const ApplyStandard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.HideTerms ? faCheckCircle : faTimesCircle}
+                            icon={props.values.HideTerms ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -217,7 +213,7 @@ const ApplyStandard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.HidePrivacy ? faCheckCircle : faTimesCircle}
+                            icon={props.values.HidePrivacy ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -225,7 +221,7 @@ const ApplyStandard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.CollectHash ? faCheckCircle : faTimesCircle}
+                            icon={props.values.CollectHash ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -233,7 +229,7 @@ const ApplyStandard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.NotLocalAdmin ? faCheckCircle : faTimesCircle}
+                            icon={props.values.NotLocalAdmin ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -241,7 +237,7 @@ const ApplyStandard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.allowWhiteglove ? faCheckCircle : faTimesCircle}
+                            icon={props.values.allowWhiteglove ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -249,7 +245,7 @@ const ApplyStandard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.Autokeyboard ? faCheckCircle : faTimesCircle}
+                            icon={props.values.Autokeyboard ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -257,7 +253,7 @@ const ApplyStandard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.HideChangeAccount ? faCheckCircle : faTimesCircle}
+                            icon={props.values.HideChangeAccount ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                       </CListGroup>
diff --git a/src/views/endpoint/autopilot/AutopilotAddStatusPage.js b/src/views/endpoint/autopilot/AutopilotAddStatusPage.js
index e56c37dcf32e..d1845cb59e20 100644
--- a/src/views/endpoint/autopilot/AutopilotAddStatusPage.js
+++ b/src/views/endpoint/autopilot/AutopilotAddStatusPage.js
@@ -2,11 +2,7 @@ import React from 'react'
 import { CCol, CRow, CForm, CListGroup, CListGroupItem, CCallout, CSpinner } from '@coreui/react'
 import { Field, FormSpy } from 'react-final-form'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import {
-  faCheckCircle,
-  faExclamationTriangle,
-  faTimesCircle,
-} from '@fortawesome/free-solid-svg-icons'
+import { faCheck, faExclamationTriangle, faTimes } from '@fortawesome/free-solid-svg-icons'
 import { CippWizard } from 'src/components/layout'
 import { WizardTableField } from 'src/components/tables'
 import PropTypes from 'prop-types'
@@ -157,7 +153,7 @@ const ApplyStandard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.TimeOutInMinutes ? faCheckCircle : faTimesCircle}
+                            icon={props.values.TimeOutInMinutes ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -165,7 +161,7 @@ const ApplyStandard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.ShowProgress ? faCheckCircle : faTimesCircle}
+                            icon={props.values.ShowProgress ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -173,7 +169,7 @@ const ApplyStandard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.EnableLog ? faCheckCircle : faTimesCircle}
+                            icon={props.values.EnableLog ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -181,7 +177,7 @@ const ApplyStandard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.OBEEOnly ? faCheckCircle : faTimesCircle}
+                            icon={props.values.OBEEOnly ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -189,7 +185,7 @@ const ApplyStandard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.blockDevice ? faCheckCircle : faTimesCircle}
+                            icon={props.values.blockDevice ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -197,7 +193,7 @@ const ApplyStandard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.Allowretry ? faCheckCircle : faTimesCircle}
+                            icon={props.values.Allowretry ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -205,7 +201,7 @@ const ApplyStandard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.AllowReset ? faCheckCircle : faTimesCircle}
+                            icon={props.values.AllowReset ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -213,7 +209,7 @@ const ApplyStandard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.AllowFail ? faCheckCircle : faTimesCircle}
+                            icon={props.values.AllowFail ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                       </CListGroup>
diff --git a/src/views/identity/administration/OffboardingWizard.js b/src/views/identity/administration/OffboardingWizard.js
index 760297c9486e..f53cd10f1518 100644
--- a/src/views/identity/administration/OffboardingWizard.js
+++ b/src/views/identity/administration/OffboardingWizard.js
@@ -2,11 +2,7 @@ import React from 'react'
 import { CCallout, CCol, CListGroup, CListGroupItem, CRow, CSpinner } from '@coreui/react'
 import { Field, FormSpy } from 'react-final-form'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import {
-  faExclamationTriangle,
-  faTimesCircle,
-  faCheckCircle,
-} from '@fortawesome/free-solid-svg-icons'
+import { faExclamationTriangle, faTimes, faCheck } from '@fortawesome/free-solid-svg-icons'
 import { useSelector } from 'react-redux'
 import { CippWizard } from 'src/components/layout'
 import PropTypes from 'prop-types'
@@ -220,7 +216,7 @@ const OffboardingWizard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.RemoveLicenses ? faCheckCircle : faTimesCircle}
+                            icon={props.values.RemoveLicenses ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -228,7 +224,7 @@ const OffboardingWizard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.ConvertToShared ? faCheckCircle : faTimesCircle}
+                            icon={props.values.ConvertToShared ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -236,7 +232,7 @@ const OffboardingWizard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.DisableSignIn ? faCheckCircle : faTimesCircle}
+                            icon={props.values.DisableSignIn ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -244,7 +240,7 @@ const OffboardingWizard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.ResetPass ? faCheckCircle : faTimesCircle}
+                            icon={props.values.ResetPass ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -252,7 +248,7 @@ const OffboardingWizard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.RemoveGroups ? faCheckCircle : faTimesCircle}
+                            icon={props.values.RemoveGroups ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -260,7 +256,7 @@ const OffboardingWizard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.HideFromGAL ? faCheckCircle : faTimesCircle}
+                            icon={props.values.HideFromGAL ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -268,7 +264,7 @@ const OffboardingWizard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.OOO ? faCheckCircle : faTimesCircle}
+                            icon={props.values.OOO ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -276,7 +272,7 @@ const OffboardingWizard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.AccessNoAutomap ? faCheckCircle : faTimesCircle}
+                            icon={props.values.AccessNoAutomap ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -284,7 +280,7 @@ const OffboardingWizard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.AccessAutomap ? faCheckCircle : faTimesCircle}
+                            icon={props.values.AccessAutomap ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -292,7 +288,7 @@ const OffboardingWizard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.OnedriveAccess ? faCheckCircle : faTimesCircle}
+                            icon={props.values.OnedriveAccess ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -300,7 +296,7 @@ const OffboardingWizard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.forward ? faCheckCircle : faTimesCircle}
+                            icon={props.values.forward ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                       </CListGroup>
diff --git a/src/views/tenant/administration/AlertWizard.js b/src/views/tenant/administration/AlertWizard.js
index 4c51291c90d0..b5620f1e450d 100644
--- a/src/views/tenant/administration/AlertWizard.js
+++ b/src/views/tenant/administration/AlertWizard.js
@@ -2,11 +2,7 @@ import React from 'react'
 import { CCol, CRow, CForm, CListGroup, CListGroupItem, CCallout, CSpinner } from '@coreui/react'
 import { Field, FormSpy } from 'react-final-form'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import {
-  faCheckCircle,
-  faExclamationTriangle,
-  faTimesCircle,
-} from '@fortawesome/free-solid-svg-icons'
+import { faCheck, faExclamationTriangle, faTimes } from '@fortawesome/free-solid-svg-icons'
 import { CippWizard } from 'src/components/layout'
 import { WizardTableField } from 'src/components/tables'
 import PropTypes from 'prop-types'
@@ -144,7 +140,7 @@ const AlertWizard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.MFAAlertUsers ? faCheckCircle : faTimesCircle}
+                            icon={props.values.MFAAlertUsers ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -152,7 +148,7 @@ const AlertWizard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.MFAAdmins ? faCheckCircle : faTimesCircle}
+                            icon={props.values.MFAAdmins ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -160,7 +156,7 @@ const AlertWizard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.NewGA ? faCheckCircle : faTimesCircle}
+                            icon={props.values.NewGA ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -168,7 +164,7 @@ const AlertWizard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.NewRole ? faCheckCircle : faTimesCircle}
+                            icon={props.values.NewRole ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -176,7 +172,7 @@ const AlertWizard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.AdminPassword ? faCheckCircle : faTimesCircle}
+                            icon={props.values.AdminPassword ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -184,7 +180,7 @@ const AlertWizard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.NewApprovedApp ? faCheckCircle : faTimesCircle}
+                            icon={props.values.NewApprovedApp ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -192,7 +188,7 @@ const AlertWizard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.DefenderStatus ? faCheckCircle : faTimesCircle}
+                            icon={props.values.DefenderStatus ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -200,7 +196,7 @@ const AlertWizard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.DefenderMalware ? faCheckCircle : faTimesCircle}
+                            icon={props.values.DefenderMalware ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -208,7 +204,7 @@ const AlertWizard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.QuotaUsed ? faCheckCircle : faTimesCircle}
+                            icon={props.values.QuotaUsed ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                         <CListGroupItem className="d-flex justify-content-between align-items-center">
@@ -216,7 +212,7 @@ const AlertWizard = () => {
                           <FontAwesomeIcon
                             color="#f77f00"
                             size="lg"
-                            icon={props.values.UnusedLicenses ? faCheckCircle : faTimesCircle}
+                            icon={props.values.UnusedLicenses ? faCheck : faTimes}
                           />
                         </CListGroupItem>
                       </CListGroup>