From f2961d015271169d8b996093d8488358d2700f78 Mon Sep 17 00:00:00 2001
From: csirius <85753828+csirius@users.noreply.github.com>
Date: Wed, 13 Oct 2021 13:32:11 -0400
Subject: [PATCH] fix: bar chart order changes whenever click on launch
 workflow button (#227)

Signed-off-by: csirius <85753828+csirius@users.noreply.github.com>
---
 .../Entities/EntityExecutionsBarChart.tsx           | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/Entities/EntityExecutionsBarChart.tsx b/src/components/Entities/EntityExecutionsBarChart.tsx
index 5541d9cb9..ddc49154d 100644
--- a/src/components/Entities/EntityExecutionsBarChart.tsx
+++ b/src/components/Entities/EntityExecutionsBarChart.tsx
@@ -34,8 +34,8 @@ export interface EntityExecutionsBarChartProps {
     id: ResourceIdentifier;
 }
 
-const getExecutionTimeData = (exectuions: Execution[], fillSize = 100) => {
-    const newExecutions = exectuions.reverse().map(execution => {
+const getExecutionTimeData = (executions: Execution[], fillSize = 100) => {
+    const newExecutions = [...executions].reverse().map(execution => {
         const duration = getWorkflowExecutionTimingMS(execution)?.duration || 1;
         return {
             value: duration,
@@ -50,9 +50,10 @@ const getExecutionTimeData = (exectuions: Execution[], fillSize = 100) => {
                     <span>Running time: {millisecondsToHMS(duration)}</span>
                     <span>
                         Started at:{' '}
-                        {execution.closure.startedAt != null && formatDateUTC(
-                            timestampToDate(execution.closure.startedAt!)
-                        )}
+                        {execution.closure.startedAt != null &&
+                            formatDateUTC(
+                                timestampToDate(execution.closure.startedAt!)
+                            )}
                     </span>
                 </div>
             )
@@ -111,6 +112,8 @@ export const EntityExecutionsBarChart: React.FC<EntityExecutionsBarChartProps> =
         }
     );
 
+    console.log(executions);
+
     const handleClickItem = React.useCallback(item => {
         if (item.metadata) {
             // const executionId = item.metadata as WorkflowExecutionIdentifier;