fix: use api for latest runs instead of local filtering (#81)

* fix: use api for latest runs instead of local filtering

* docs: add comment explaining the workaround

src/components/Workflows.vue

@@ -50,6 +50,7 @@
     }
 
     workflowsStore.runs = await api.getRuns()
+    workflowsStore.latestRuns = await api.getLatestRuns()
     workflowsStore.gt = await api.getGroundTruth()
     workflowsStore.workflows = await api.getWorkflows()
 
@@ -58,6 +59,11 @@
 
       if (!workflowsStore.gt.find(gt => gt.id === gtId)) console.log(gtId)
     })
+    workflowsStore.latestRuns.forEach(run => {
+      const gtId = mapGtId(run.metadata.gt_workspace.id)
+
+      if (!workflowsStore.gt.find(gt => gt.id === gtId)) console.log(gtId)
+    })
 
     const releasesObj = workflowsStore.runs.reduce((acc, cur) => {
       acc[cur.metadata.release_info.tag_name] = cur.metadata.release_info

src/helpers/api.ts

@@ -38,8 +38,14 @@ async function getLatestRuns(gtId?: string, workflowId?: string): Promise<Evalua
     if (workflowId) path += `/${workflowId}`
 
     path += '/latest'
-
-    return await request(path)
+    /*
+    TODO: Remove flattening when bug in the backend is fixed.
+    Bug:  The data gets returned as an array of arrays that each contain a single object. 
+          It should have the same structure as the data at the /runs endpoint. (array of objects)
+    Workaround:
+          Flatten the returned list to match the data structure of the /runs endpoint.
+    */
+    return (await request(path)).flat(1)
 }
 
 async function request (url: string) {

src/store/workflows-store.ts

@@ -10,6 +10,7 @@ export default reactive<{
   gt: GroundTruth[],
   workflows: Workflow[],
   runs: EvaluationRun[],
+  latestRuns: EvaluationRun[],
   releases: ReleaseInfo[],
   getRuns: (gtId: string, workflowId?: string) => EvaluationRun[]
   getLatestRuns: () => EvaluationRun[],
@@ -19,6 +20,7 @@ export default reactive<{
   gt: [],
   workflows: [],
   runs: [],
+  latestRuns: [],
   releases: [],
   getRuns(gtId: string, workflowId?: string) {
     return this.runs
@@ -32,12 +34,7 @@ export default reactive<{
       )
   },
   getLatestRuns() {
-    const dates = Object.keys(this.runs.reduce((acc, cur) => {
-      acc[normalizeDate(cur.metadata.timestamp)] = null
-      return acc
-    }, <{ [key: string]: null}>{}))
-
-    return this.runs.filter(({ metadata }) => normalizeDate(metadata.timestamp) === dates[dates.length - 1])
+    return this.latestRuns
   },
   getGtById(id: string): GroundTruth | null {
     return this.gt.find((item) => item.id === id) ?? null