add failed status to status summary table

Signed-off-by: Mohammed Abdi <[email protected]>

Author: Mohammed Abdi

backend/src/routes/api/appwrappers/appwrapper-utils.ts

@@ -11,7 +11,7 @@ class AllAppwrappers {
     const stats: { [key: string]: any } = {};
     const wrappers: { [key: string]: string } = {};
     const wrappersLite: { [key: string]: any } = {};
-    const statusCounts = { Dispatched: 0, Queued: 0, 'Re-enqueued': 0, Other: 0 };
+    const statusCounts = { Dispatched: 0, Queued: 0, 'Re-enqueued': 0, Failed: 0, Other: 0 };
 
     let jsonData;
     for (let i = 0; i < jsonStringList.length; i++) {
@@ -90,6 +90,9 @@ class AllAppwrappers {
           rephrasedState = 'Queued';
           statusCounts.Queued = statusCounts.Queued + 1;
         }
+      } else if (state === 'Failed') {
+        rephrasedState = 'Failed';
+        statusCounts.Failed = statusCounts.Failed + 1;
       } else if (state === 'RunningHoldCompletion') {
         rephrasedState = 'CompletedWithRunningPods';
         statusCounts.Other = statusCounts.Other + 1;

frontend/src/pages/MCADashboard/Tables/status-summary-table.tsx

@@ -17,6 +17,7 @@ interface StatusSummaryData {
   dispatched: string;
   queued: string;
   reenqueued: string;
+  failed: string;
   other: string;
 }
 
@@ -31,12 +32,12 @@ export const StatusSummaryTable: React.FunctionComponent<{ data: Data }> = ({ da
   const onToggle = (isExpanded: boolean) => {
     setIsExpanded(isExpanded);
   };
-
   const repositories: StatusSummaryData[] = [
     {
       dispatched: data.stats.statusCounts.Dispatched.toString(),
       queued: data.stats.statusCounts.Queued.toString(),
       reenqueued: data.stats.statusCounts['Re-enqueued'].toString(),
+      failed: data.stats.statusCounts.Failed.toString(),
       other: data.stats.statusCounts.Other.toString(),
     },
   ];
@@ -45,6 +46,7 @@ export const StatusSummaryTable: React.FunctionComponent<{ data: Data }> = ({ da
     { x: 'Dispatched', y: data.stats.statusCounts.Dispatched },
     { x: 'Queued', y: data.stats.statusCounts.Queued },
     { x: 'Re-enqueued', y: data.stats.statusCounts['Re-enqueued'] },
+    { x: 'Failed', y: data.stats.statusCounts.Failed },
     { x: 'Other', y: data.stats.statusCounts.Other },
   ];
 
@@ -71,6 +73,11 @@ export const StatusSummaryTable: React.FunctionComponent<{ data: Data }> = ({ da
       label: 'Re-enqueued',
       sortable: false,
     },
+    {
+      field: 'failed',
+      label: 'Failed',
+      sortable: false,
+    },
     {
       field: 'other',
       label: 'Other',
@@ -105,6 +112,7 @@ export const StatusSummaryTable: React.FunctionComponent<{ data: Data }> = ({ da
                   { name: 'Dispatched: ' + data.stats.statusCounts.Dispatched },
                   { name: 'Queued: ' + data.stats.statusCounts.Queued },
                   { name: 'Re-enqueued: ' + data.stats.statusCounts['Re-enqueued'] },
+                  { name: 'Failed: ' + data.stats.statusCounts.Failed },
                   { name: 'Other: ' + data.stats.statusCounts.Other },
                 ]}
                 legendOrientation="vertical"
@@ -135,6 +143,7 @@ export const StatusSummaryTable: React.FunctionComponent<{ data: Data }> = ({ da
                     <Td dataLabel={statusSummary.dispatched}>{statusSummary.dispatched}</Td>
                     <Td dataLabel={statusSummary.queued}>{statusSummary.queued}</Td>
                     <Td dataLabel={statusSummary.reenqueued}>{statusSummary.reenqueued}</Td>
+                    <Td dataLabel={statusSummary.failed}>{statusSummary.failed}</Td>
                     <Td dataLabel={statusSummary.other}>{statusSummary.other}</Td>
                   </Tr>
                 )}

frontend/src/pages/MCADashboard/types.ts

@@ -21,6 +21,7 @@ export interface Data {
       Dispatched: number | string;
       Queued: number | string;
       'Re-enqueued': number | string;
+      Failed: number | string;
       Other: number | string;
     };
   };