Add new status text support

Adds a Status Pill and Status Icon components support for
'FAILED_TO_CANCEL'.

src/components/atoms/StatusIcon/StatusIcon.tsx

@@ -72,6 +72,7 @@ const statuses = (status: any, props: any) => {
         background-image: url('${pendingImage}');
       `
     case 'FAILED_TO_SCHEDULE':
+    case 'FAILED_TO_CANCEL':
     case 'ERROR':
       return css`
         background-image: url('${props.hollow ? errorHollowImage : errorImage}');

src/components/atoms/StatusIcon/story.tsx

@@ -36,6 +36,7 @@ const STATUSES = [
   'CANCELED_AFTER_COMPLETION',
   'CANCELED_FOR_DEBUGGING',
   'FORCE_CANCELED',
+  'FAILED_TO_CANCEL',
   'WARNING',
   'FAILED_TO_SCHEDULE',
   'ERROR',

src/components/atoms/StatusPill/StatusPill.tsx

@@ -28,6 +28,7 @@ const LABEL_MAP: { [status: string]: string } = {
   CANCELED_AFTER_COMPLETION: 'CANCELED',
   CANCELLING_AFTER_COMPLETION: 'CANCELLING',
   FAILED_TO_SCHEDULE: 'UNSCHEDULABLE',
+  FAILED_TO_CANCEL: 'FAILED TO CANCEL',
 }
 
 const statuses = (status: any) => {
@@ -40,6 +41,7 @@ const statuses = (status: any) => {
         border-color: transparent;
       `
     case 'FAILED_TO_SCHEDULE':
+    case 'FAILED_TO_CANCEL':
     case 'ERROR':
       return css`
         background: ${Palette.alert};

src/components/atoms/StatusPill/story.tsx

@@ -35,6 +35,7 @@ const STATUSES = [
   'CANCELED_AFTER_COMPLETION',
   'CANCELED_FOR_DEBUGGING',
   'FORCE_CANCELED',
+  'FAILED_TO_CANCEL',
   'ERROR',
   'FAILED_TO_SCHEDULE',
   'DEADLOCKED',