|
-
+
))}
diff --git a/apps/console/src/pages/organizations/frameworks/NewFrameworkPage.tsx b/apps/console/src/pages/organizations/frameworks/NewFrameworkPage.tsx
index 69702e76c..0e52818db 100644
--- a/apps/console/src/pages/organizations/frameworks/NewFrameworkPage.tsx
+++ b/apps/console/src/pages/organizations/frameworks/NewFrameworkPage.tsx
@@ -12,7 +12,7 @@ export function NewFrameworkViewSkeleton() {
title="Create Framework"
description="Create a new framework to organize your mitigations"
>
-
+
);
}
diff --git a/apps/console/src/pages/organizations/frameworks/NewFrameworkView.tsx b/apps/console/src/pages/organizations/frameworks/NewFrameworkView.tsx
index 4a6c88a83..b9d232d46 100644
--- a/apps/console/src/pages/organizations/frameworks/NewFrameworkView.tsx
+++ b/apps/console/src/pages/organizations/frameworks/NewFrameworkView.tsx
@@ -56,7 +56,7 @@ function EditableField({
{helpText && (
-
+
{helpText}
)}
diff --git a/apps/console/src/pages/organizations/frameworks/controls/Control.tsx b/apps/console/src/pages/organizations/frameworks/controls/Control.tsx
index c3887bc19..c77a49247 100644
--- a/apps/console/src/pages/organizations/frameworks/controls/Control.tsx
+++ b/apps/console/src/pages/organizations/frameworks/controls/Control.tsx
@@ -451,42 +451,42 @@ export function Control({
};
const getImportanceColor = (importance: string | undefined): string => {
- if (!importance) return "bg-gray-100 text-gray-800";
+ if (!importance) return "bg-secondary-bg text-secondary";
switch (importance) {
case "LOW":
- return "bg-blue-100 text-blue-800";
+ return "bg-success-bg text-success";
case "MEDIUM":
- return "bg-yellow-100 text-yellow-800";
+ return "bg-info-bg text-info";
case "HIGH":
- return "bg-orange-100 text-orange-800";
+ return "bg-warning-bg text-warning";
case "CRITICAL":
- return "bg-red-100 text-red-800";
+ return "bg-danger-bg text-danger";
default:
- return "bg-gray-100 text-gray-800";
+ return "bg-secondary-bg text-secondary";
}
};
const getStateColor = (state: string | undefined): string => {
- if (!state) return "bg-gray-100 text-gray-800";
+ if (!state) return "bg-secondary-bg text-secondary";
switch (state) {
case "NOT_STARTED":
- return "bg-gray-100 text-gray-800";
+ return "bg-secondary-bg text-secondary";
case "IN_PROGRESS":
- return "bg-blue-100 text-blue-800";
+ return "bg-info-bg text-info";
case "IMPLEMENTED":
- return "bg-green-100 text-green-800";
+ return "bg-success-bg text-success";
case "NOT_APPLICABLE":
- return "bg-purple-100 text-purple-800";
+ return "bg-warning-bg text-warning";
default:
- return "bg-gray-100 text-gray-800";
+ return "bg-secondary-bg text-secondary";
}
};
return (
-
+
{control.referenceId}
@@ -494,7 +494,7 @@ export function Control({
{/* Control Description */}
{control.description && (
- {control.description}
+ {control.description}
)}
{/* Security Measures Section */}
@@ -516,7 +516,7 @@ export function Control({
-
+
{isLoadingMitigations ? (
-
+
Loading security measures...
) : (
{filteredMitigations().length === 0 ? (
-
+
No security measures found. Try adjusting your search or
select a different category.
) : (
-
+
-
+
| Name |
Importance
@@ -580,14 +580,14 @@ export function Control({
return (
|
|
{mitigation.name}
{mitigation.description && (
-
+
{mitigation.description}
)}
@@ -619,7 +619,7 @@ export function Control({
handleUnlinkMitigation(mitigation.id)
}
disabled={isUnlinkingMitigation}
- className="text-xs h-7 text-red-500 border-red-200 hover:bg-red-50"
+ className="text-xs h-7 text-danger border-danger-b hover:bg-h-danger-bg"
>
{isUnlinkingMitigation ? (
@@ -630,13 +630,13 @@ export function Control({
) : (
|
) : (
-
+
No controls linked to this mitigation yet. Click "Map
to Controls" to link controls.
@@ -2211,7 +2210,7 @@ function MitigationViewContent({
Tasks
-
+
Drag & drop files onto tasks to add evidence
@@ -2269,7 +2268,7 @@ function MitigationViewContent({
}
placeholder="Days"
/>
- Days
+ Days
@@ -2319,10 +2318,10 @@ function MitigationViewContent({
{tasks.map((task) => (
Adding document...
- Please wait
+ Please wait
)}
{
e.stopPropagation(); // Prevent task selection when checkbox is clicked
@@ -2384,7 +2381,7 @@ function MitigationViewContent({
}}
>
{task?.state === "DONE" && (
-
+
)}
{task?.name}
@@ -2406,7 +2402,7 @@ function MitigationViewContent({
@@ -2417,7 +2413,7 @@ function MitigationViewContent({
)}
{task?.assignedTo && (
-
+
{task.assignedTo.fullName}
@@ -2439,7 +2435,7 @@ function MitigationViewContent({
) : (
-
+
No risks linked to this mitigation yet.
)}
@@ -2906,7 +2902,7 @@ function MitigationViewContent({
{selectedTask.name}
-
+
@@ -2929,7 +2925,7 @@ function MitigationViewContent({
{!isEditingDuration ? (
startEditingDuration(selectedTask.timeEstimate)
}
@@ -2954,7 +2950,7 @@ function MitigationViewContent({
className="w-12 p-1 text-xs border rounded"
placeholder="0"
/>
- d
+ d
- h
+ h
- m
+ m
|