Integrate with update timestamps

Signed-off-by: Tyler Ohlsen <[email protected]>

common/constants.ts

@@ -37,3 +37,5 @@ export const GET_PRESET_WORKFLOWS_NODE_API_PATH = `${BASE_WORKFLOW_NODE_API_PATH
 export const NEW_WORKFLOW_ID_URL = 'new';
 export const START_FROM_SCRATCH_WORKFLOW_NAME = 'Start From Scratch';
 export const DEFAULT_NEW_WORKFLOW_NAME = 'new_workflow';
+export const DATE_FORMAT_PATTERN = 'MM/DD/YY hh:mm A';
+export const EMPTY_FIELD_STRING = '--';

common/utils.ts

@@ -3,6 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+import moment from 'moment';
 import {
   WorkspaceFlowState,
   ReactFlowComponent,
@@ -13,6 +14,7 @@ import {
   ReactFlowEdge,
   TemplateFlows,
   WorkflowTemplate,
+  DATE_FORMAT_PATTERN,
 } from './';
 
 // TODO: implement this and remove hardcoded return values
@@ -91,3 +93,7 @@ export function validateWorkflowTemplate(
 ): boolean {
   return true;
 }
+
+export function toFormattedDate(timestampMillis: number): String {
+  return moment(new Date(timestampMillis)).format(DATE_FORMAT_PATTERN);
+}

public/pages/workflows/workflow_list/columns.tsx

@@ -5,7 +5,12 @@
 
 import React from 'react';
 import { EuiLink } from '@elastic/eui';
-import { PLUGIN_ID, Workflow } from '../../../../common';
+import {
+  EMPTY_FIELD_STRING,
+  PLUGIN_ID,
+  Workflow,
+  toFormattedDate,
+} from '../../../../common';
 
 export const columns = (actions: any[]) => [
   {
@@ -30,11 +35,19 @@ export const columns = (actions: any[]) => [
     field: 'lastUpdated',
     name: 'Last updated',
     sortable: true,
+    render: (lastUpdated: number) =>
+      lastUpdated !== undefined
+        ? toFormattedDate(lastUpdated)
+        : EMPTY_FIELD_STRING,
   },
   {
     field: 'lastLaunched',
     name: 'Last launched',
     sortable: true,
+    render: (lastLaunched: number) =>
+      lastLaunched !== undefined
+        ? toFormattedDate(lastLaunched)
+        : EMPTY_FIELD_STRING,
   },
   {
     name: 'Actions',

server/routes/helpers.ts

@@ -30,9 +30,8 @@ function toWorkflowObj(workflowHit: any): Workflow {
     description: hitSource.description || '',
     version: hitSource.version,
     workflows: hitSource.workflows,
-    // TODO: this needs to be persisted by backend. Tracking issue:
-    // https://github.com/opensearch-project/flow-framework/issues/548
-    lastUpdated: 1234,
+    lastUpdated: hitSource.last_updated_time,
+    lastLaunched: hitSource.last_provisioned_time,
   } as Workflow;
 }
 
@@ -57,9 +56,6 @@ export function getWorkflowsFromResponses(
         ...workflowDict[workflowHit._id],
         // @ts-ignore
         state: WORKFLOW_STATE[workflowState],
-        // TODO: this needs to be persisted by backend. Tracking issue:
-        // https://github.com/opensearch-project/flow-framework/issues/548
-        lastLaunched: 1234,
       };
     }
   });