Skip to content

Commit 9872bdd

Browse files
gearnodegearnode
committed
Explicit the risk score
ISO 27001 auditor want more explicit math Signed-off-by: Bryan Frimin <bryan@getprobo.com>
1 parent 333823f commit 9872bdd

File tree

1 file changed

+52
-71
lines changed

1 file changed

+52
-71
lines changed

‎apps/console/src/pages/organizations/risks/ShowRiskView.tsx‎

Lines changed: 52 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -892,45 +892,40 @@ function ShowRiskViewContent({
892892
<div>
893893
<h3 className="text-sm font-medium mb-6">Risk Assessment</h3>
894894

895-
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
895+
<div className="flex flex-col space-y-8">
896896
{/* Initial Assessment */}
897897
<div>
898898
<h4 className="text-sm font-medium mb-5 flex items-center">
899899
<span className="w-3 h-3 rounded-full bg-orange-500 mr-2"></span>
900900
Initial Assessment
901901
</h4>
902-
<div className="grid grid-cols-3 gap-6">
903-
<div>
904-
<p className="text-sm text-slate-600 mb-2">
905-
Likelihood
906-
</p>
907-
<div
908-
className="px-5 py-2 rounded-md font-medium text-sm flex justify-center items-center whitespace-nowrap"
909-
style={
910-
getLikelihoodLabel(risk.inherentLikelihood!).style
911-
}
912-
>
913-
{getLikelihoodLabel(risk.inherentLikelihood!).label}
914-
</div>
902+
903+
<div className="flex items-center">
904+
<div
905+
className="px-5 py-2 rounded-md font-medium text-sm flex justify-center items-center whitespace-nowrap"
906+
style={
907+
getLikelihoodLabel(risk.inherentLikelihood!).style
908+
}
909+
>
910+
{getLikelihoodLabel(risk.inherentLikelihood!).label}
915911
</div>
916-
<div>
917-
<p className="text-sm text-slate-600 mb-2">Impact</p>
918-
<div
919-
className="px-5 py-2 rounded-md font-medium text-sm flex justify-center items-center whitespace-nowrap"
920-
style={getImpactLabel(risk.inherentImpact!).style}
921-
>
922-
{getImpactLabel(risk.inherentImpact!).label}
923-
</div>
912+
913+
<span className="mx-4 text-xl">×</span>
914+
915+
<div
916+
className="px-5 py-2 rounded-md font-medium text-sm flex justify-center items-center whitespace-nowrap"
917+
style={getImpactLabel(risk.inherentImpact!).style}
918+
>
919+
{getImpactLabel(risk.inherentImpact!).label}
924920
</div>
925-
<div>
926-
<p className="text-sm text-slate-600 mb-2">Severity</p>
927-
<div
928-
className="px-5 py-2 rounded-md font-medium text-sm flex justify-center items-center whitespace-nowrap"
929-
style={severity.style}
930-
>
931-
{severity.level} (
932-
{risk.inherentLikelihood! * risk.inherentImpact!})
933-
</div>
921+
922+
<span className="mx-4 text-xl">=</span>
923+
924+
<div
925+
className="px-5 py-2 rounded-md font-medium text-sm flex justify-center items-center whitespace-nowrap"
926+
style={severity.style}
927+
>
928+
{severity.level} ({risk.inherentLikelihood! * risk.inherentImpact!})
934929
</div>
935930
</div>
936931
</div>
@@ -941,38 +936,33 @@ function ShowRiskViewContent({
941936
<span className="w-3 h-3 rounded-full bg-green-500 mr-2"></span>
942937
After Treatment
943938
</h4>
944-
<div className="grid grid-cols-3 gap-6">
945-
<div>
946-
<p className="text-sm text-slate-600 mb-2">
947-
Likelihood
948-
</p>
949-
<div
950-
className="px-5 py-2 rounded-md font-medium text-sm flex justify-center items-center whitespace-nowrap"
951-
style={
952-
getLikelihoodLabel(risk.residualLikelihood!).style
953-
}
954-
>
955-
{getLikelihoodLabel(risk.residualLikelihood!).label}
956-
</div>
939+
940+
<div className="flex items-center">
941+
<div
942+
className="px-5 py-2 rounded-md font-medium text-sm flex justify-center items-center whitespace-nowrap"
943+
style={
944+
getLikelihoodLabel(risk.residualLikelihood!).style
945+
}
946+
>
947+
{getLikelihoodLabel(risk.residualLikelihood!).label}
957948
</div>
958-
<div>
959-
<p className="text-sm text-slate-600 mb-2">Impact</p>
960-
<div
961-
className="px-5 py-2 rounded-md font-medium text-sm flex justify-center items-center whitespace-nowrap"
962-
style={getImpactLabel(risk.residualImpact!).style}
963-
>
964-
{getImpactLabel(risk.residualImpact!).label}
965-
</div>
949+
950+
<span className="mx-4 text-xl">×</span>
951+
952+
<div
953+
className="px-5 py-2 rounded-md font-medium text-sm flex justify-center items-center whitespace-nowrap"
954+
style={getImpactLabel(risk.residualImpact!).style}
955+
>
956+
{getImpactLabel(risk.residualImpact!).label}
966957
</div>
967-
<div>
968-
<p className="text-sm text-slate-600 mb-2">Severity</p>
969-
<div
970-
className="px-5 py-2 rounded-md font-medium text-sm flex justify-center items-center whitespace-nowrap"
971-
style={residualSeverity.style}
972-
>
973-
{residualSeverity.level} (
974-
{risk.residualLikelihood! * risk.residualImpact!})
975-
</div>
958+
959+
<span className="mx-4 text-xl">=</span>
960+
961+
<div
962+
className="px-5 py-2 rounded-md font-medium text-sm flex justify-center items-center whitespace-nowrap"
963+
style={residualSeverity.style}
964+
>
965+
{residualSeverity.level} ({risk.residualLikelihood! * risk.residualImpact!})
976966
</div>
977967
</div>
978968
</div>
@@ -983,16 +973,7 @@ function ShowRiskViewContent({
983973
risk.inherentImpact !== risk.residualImpact) && (
984974
<div className="mt-6 text-center pt-4 border-t">
985975
<p className="text-sm text-slate-600">
986-
Risk severity reduced from{" "}
987-
<span className="font-semibold">
988-
{severity.level} (
989-
{risk.inherentLikelihood! * risk.inherentImpact!})
990-
</span>{" "}
991-
to{" "}
992-
<span className="font-semibold">
993-
{residualSeverity.level} (
994-
{risk.residualLikelihood! * risk.residualImpact!})
995-
</span>
976+
Risk severity reduced from <span className="font-semibold">{severity.level} ({risk.inherentLikelihood! * risk.inherentImpact!})</span> to <span className="font-semibold">{residualSeverity.level} ({risk.residualLikelihood! * risk.residualImpact!})</span>
996977
{risk.treatment === "MITIGATED" &&
997978
risk.measures?.edges &&
998979
risk.measures.edges.length > 0 &&

0 commit comments

Comments
 (0)