From 5882334a026bd4162dfc492e251f5dce1e8db633 Mon Sep 17 00:00:00 2001
From: Eddasol <esole@equinor.com>
Date: Fri, 13 Dec 2024 15:31:10 +0100
Subject: [PATCH] Use warning instead of error for cancelled mission

---
 .../Displays/MissionDisplays/MissionStatusDisplay.tsx    | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/Displays/MissionDisplays/MissionStatusDisplay.tsx b/frontend/src/components/Displays/MissionDisplays/MissionStatusDisplay.tsx
index 38e09a206..5d1ae71cb 100644
--- a/frontend/src/components/Displays/MissionDisplays/MissionStatusDisplay.tsx
+++ b/frontend/src/components/Displays/MissionDisplays/MissionStatusDisplay.tsx
@@ -39,17 +39,18 @@ const MissionStatusIcon = ({ status }: StatusProps) => {
         case MissionStatus.Ongoing: {
             return <StyledIcon name={Icons.Ongoing} style={{ color: tokens.colors.text.static_icons__secondary.hex }} />
         }
-        case MissionStatus.Failed: {
-            return <StyledIcon name={Icons.Failed} style={{ color: tokens.colors.interactive.danger__resting.hex }} />
-        }
         case MissionStatus.Successful: {
             return (
                 <StyledIcon name={Icons.Successful} style={{ color: tokens.colors.interactive.success__resting.hex }} />
             )
         }
-        case MissionStatus.PartiallySuccessful: {
+        case MissionStatus.PartiallySuccessful:
+        case MissionStatus.Cancelled: {
             return <StyledIcon name={Icons.Warning} style={{ color: tokens.colors.interactive.warning__resting.hex }} />
         }
+        case MissionStatus.Failed: {
+            return <StyledIcon name={Icons.Failed} style={{ color: tokens.colors.interactive.danger__resting.hex }} />
+        }
     }
     return <StyledIcon name={Icons.Failed} style={{ color: tokens.colors.interactive.danger__resting.hex }} />
 }