(
+ environment,
+ linkedMitigationsQuery,
+ {
+ controlId: control.id,
+ }
+ ).subscribe({
next: (data) => {
- setLinkedMitigationsData(data as LinkedMitigationsData);
+ setLinkedMitigationsData(data);
},
error: (error: Error) => {
console.error("Error refreshing linked mitigations:", error);
@@ -589,85 +585,81 @@ export function Control({
- {filteredMitigations().map(
- (mitigation: MitigationNode) => {
- const isLinked = isMitigationLinked(
- mitigation.id
- );
- return (
-
-
-
- {mitigation.name}
+ {filteredMitigations().map((mitigation) => {
+ const isLinked = isMitigationLinked(mitigation.id);
+ return (
+
+ |
+
+ {mitigation.name}
+
+ {mitigation.description && (
+
+ {mitigation.description}
- {mitigation.description && (
-
- {mitigation.description}
-
- )}
- |
-
-
+
+
+ {formatImportance(mitigation.importance)}
+
+ |
+
+
+ {formatState(mitigation.state)}
+
+ |
+
+ {isLinked ? (
+ |
-
-
+ ) : (
+
+ )}
+ Unlink
+
+ ) : (
+ |
-
- {isLinked ? (
-
- ) : (
-
- )}
- |
- |
- );
- }
- )}
+ {isLinkingMitigation ? (
+
+ ) : (
+
+ )}
+ Link
+
+ )}
+ |
+
+ );
+ })}
)}
@@ -720,68 +712,66 @@ export function Control({
- {getLinkedMitigations().map(
- (mitigation: MitigationNode) => (
-
- |
- {mitigation.name}
- {mitigation.description && (
-
- {mitigation.description}
-
- )}
- |
-
- (
+
+ |
+ {mitigation.name}
+ {mitigation.description && (
+
+ {mitigation.description}
+
+ )}
+ |
+
+
+ {formatImportance(mitigation.importance)}
+
+ |
+
+
+ {formatState(mitigation.state)}
+
+ |
+
+
+
- |
-
-
+ View
+
+
+
- |
-
-
-
-
-
- |
-
- )
- )}
+ Unlink
+
+
+ |
+
+ ))}
diff --git a/apps/console/src/pages/organizations/risks/RiskListView.tsx b/apps/console/src/pages/organizations/risks/RiskListView.tsx
index 0863ae680..0974f6bb5 100644
--- a/apps/console/src/pages/organizations/risks/RiskListView.tsx
+++ b/apps/console/src/pages/organizations/risks/RiskListView.tsx
@@ -318,21 +318,35 @@ function RiskListViewContent({
key={risk.id}
className="border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted cursor-pointer"
>
-
- {risk.name}
+ |
+
+ {risk.name}
+
|
-
- {floatToProbabilityText(risk.probability)}
+ |
+
+ {floatToProbabilityText(risk.probability)}
+
|
-
- {floatToImpactText(risk.impact)}
+ |
+
+ {floatToImpactText(risk.impact)}
+
|
|