Fix #192 - Add strikethrough on ASNs of RPKI-invalid route objects

NLNOG · Nov 22, 2022 · c4e3d07 · c4e3d07
1 parent b02be49
commit c4e3d07
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/frontend/src/components/prefixTable/asnWithRPKIStatus.jsx b/frontend/src/components/prefixTable/asnWithRPKIStatus.jsx
@@ -8,18 +8,20 @@ import {faCheckCircle, faTimesCircle} from "@fortawesome/free-regular-svg-icons"
 function AsnWithRPKIStatus({rpkiStatus, asn}) {
     let rpkiIcon = undefined;
     let text = '';
+    let asnClass = '';
     if (rpkiStatus === "VALID") {
         rpkiIcon = faCheckCircle;
         text = "Route object is RPKI-valid"
     } else if (rpkiStatus === "INVALID") {
         rpkiIcon = faTimesCircle;
         text = "Route object is RPKI-invalid"
+        asnClass = "text-decoration-line-through";
     }
 
     return (
         <>
             <span className="nowrap">
-                {asn}
+                <span className={asnClass}>{asn}</span>
                 {rpkiIcon && <>
                     {' '}
                     <span className="d-inline-block" data-bs-toggle="tooltip" title={text}>