From 95514f81572b6b4ea157c0f2472bd104dfff5fe1 Mon Sep 17 00:00:00 2001
From: John Duprey <jwd@johnwduprey.com>
Date: Sun, 9 Feb 2025 23:19:15 -0500
Subject: [PATCH 1/3] fix securescore

add actionLink handler to Remediate
fix text decoration on links in html
---
 .../administration/securescore/index.js       | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/pages/tenant/administration/securescore/index.js b/src/pages/tenant/administration/securescore/index.js
index 432b4946e82f..b84506ca01c7 100644
--- a/src/pages/tenant/administration/securescore/index.js
+++ b/src/pages/tenant/administration/securescore/index.js
@@ -28,6 +28,14 @@ const Page = () => {
 
   TimeAgo.addLocale(en);
   const timeAgo = new TimeAgo("en-US");
+
+  const openRemediation = (url) => {
+    if (url.startsWith("https")) {
+      window.open(url, "_blank");
+    } else {
+      navigate(url);
+    }
+  };
   return (
     <Container
       sx={{
@@ -111,6 +119,7 @@ const Page = () => {
                     CardButton={
                       <>
                         <Button
+                          size="small"
                           onClick={() => {
                             setActionData({
                               data: secureScoreControl,
@@ -122,9 +131,16 @@ const Page = () => {
                         >
                           Change Status
                         </Button>
-                        <Button variant="outlined">Remediate</Button>
+                        <Button
+                          size="small"
+                          variant="outlined"
+                          onClick={() => openRemediation(secureScoreControl.actionUrl)}
+                        >
+                          Remediate
+                        </Button>
                         {secureScoreControl.controlStateUpdates?.length > 0 && (
                           <Button
+                            size="small"
                             onClick={() => {
                               setUpdatesData({
                                 data: secureScoreControl,
@@ -166,6 +182,7 @@ const Page = () => {
                           <Typography
                             variant="body2"
                             color="textPrimary"
+                            sx={{ "& a": { color: (theme) => theme.palette.primary.main, textDecoration: "underline" } }}
                             dangerouslySetInnerHTML={{
                               __html: DOMPurify.sanitize(secureScoreControl.description),
                             }}

From 70232a68f86de15cb5538568069d990883a8191b Mon Sep 17 00:00:00 2001
From: John Duprey <jwd@johnwduprey.com>
Date: Sun, 9 Feb 2025 23:26:36 -0500
Subject: [PATCH 2/3] Update index.js

---
 .../tenant/administration/securescore/index.js      | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/pages/tenant/administration/securescore/index.js b/src/pages/tenant/administration/securescore/index.js
index b84506ca01c7..ee399874ce06 100644
--- a/src/pages/tenant/administration/securescore/index.js
+++ b/src/pages/tenant/administration/securescore/index.js
@@ -182,7 +182,12 @@ const Page = () => {
                           <Typography
                             variant="body2"
                             color="textPrimary"
-                            sx={{ "& a": { color: (theme) => theme.palette.primary.main, textDecoration: "underline" } }}
+                            sx={{
+                              "& a": {
+                                color: (theme) => theme.palette.primary.main,
+                                textDecoration: "underline",
+                              },
+                            }}
                             dangerouslySetInnerHTML={{
                               __html: DOMPurify.sanitize(secureScoreControl.description),
                             }}
@@ -199,6 +204,12 @@ const Page = () => {
                             <Typography
                               variant="body2"
                               color="textPrimary"
+                              sx={{
+                                "& a": {
+                                  color: (theme) => theme.palette.primary.main,
+                                  textDecoration: "underline",
+                                },
+                              }}
                               dangerouslySetInnerHTML={{
                                 __html: DOMPurify.sanitize(secureScoreControl.remediation),
                               }}

From 4ea3218f1b1265bc8d4485776b280b6a8b3209cb Mon Sep 17 00:00:00 2001
From: John Duprey <jwd@johnwduprey.com>
Date: Sun, 9 Feb 2025 23:30:43 -0500
Subject: [PATCH 3/3] fix TimeAgo error

en is the default locale already
---
 src/pages/tenant/administration/securescore/index.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/pages/tenant/administration/securescore/index.js b/src/pages/tenant/administration/securescore/index.js
index ee399874ce06..4f86d718a7a9 100644
--- a/src/pages/tenant/administration/securescore/index.js
+++ b/src/pages/tenant/administration/securescore/index.js
@@ -8,7 +8,6 @@ import { CheckCircleIcon, GlobeAltIcon } from "@heroicons/react/24/outline";
 import { Map, Score } from "@mui/icons-material";
 import { CippChartCard } from "../../../../components/CippCards/CippChartCard";
 import TimeAgo from "javascript-time-ago";
-import en from "javascript-time-ago/locale/en.json";
 import CippButtonCard from "../../../../components/CippCards/CippButtonCard";
 import DOMPurify from "dompurify";
 import { CippApiDialog } from "../../../../components/CippComponents/CippApiDialog";
@@ -26,7 +25,6 @@ const Page = () => {
   const [updatesData, setUpdatesData] = useState({ data: {}, ready: false });
   const cippTableDialog = useDialog();
 
-  TimeAgo.addLocale(en);
   const timeAgo = new TimeAgo("en-US");
 
   const openRemediation = (url) => {