From cadc66ab51c77283537f299544f03036735ba13e Mon Sep 17 00:00:00 2001
From: Bogdan Nechyporenko <bnechyporenko@bol.com>
Date: Mon, 30 Oct 2023 15:00:27 +0100
Subject: [PATCH] Preserve step's time execution for a non-running task.

Signed-off-by: Bogdan Nechyporenko <bnechyporenko@bol.com>
---
 .../src/next/components/TaskSteps/TaskSteps.tsx               | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/plugins/scaffolder-react/src/next/components/TaskSteps/TaskSteps.tsx b/plugins/scaffolder-react/src/next/components/TaskSteps/TaskSteps.tsx
index d783351eca..b5fffe802f 100644
--- a/plugins/scaffolder-react/src/next/components/TaskSteps/TaskSteps.tsx
+++ b/plugins/scaffolder-react/src/next/components/TaskSteps/TaskSteps.tsx
@@ -59,7 +59,7 @@ export const TaskSteps = (props: TaskStepsProps) => {
           alternativeLabel
           variant="elevation"
         >
-          {props.steps.map((step, index) => {
+          {props.steps.map(step => {
             const isCompleted = step.status === 'completed';
             const isFailed = step.status === 'failed';
             const isActive = step.status === 'processing';
@@ -73,7 +73,7 @@ export const TaskSteps = (props: TaskStepsProps) => {
               };
 
             return (
-              <MuiStep key={index}>
+              <MuiStep key={`${step.id}-${step.startedAt}-${step.endedAt}`}>
                 <MuiStepButton>
                   <MuiStepLabel
                     StepIconProps={stepIconProps}