From a9b4e60b1970e5c1d2842868fde27f4d6e05bdf9 Mon Sep 17 00:00:00 2001
From: csirius <85753828+csirius@users.noreply.github.com>
Date: Mon, 11 Oct 2021 19:30:12 -0400
Subject: [PATCH] fix: bar chart order changes whenever click on launch
 workflow button

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;