From 288f33d693b01c67596468b185d2250a68a3443c Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Fri, 2 Jun 2023 00:40:46 +0200
Subject: [PATCH] Fixed a bug in the LogArea.jsx

---
 .../ConfigurationArea/components/LogArea/LogArea.jsx        | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/tools/linux/InstallSoftware/components/ConfigurationArea/components/LogArea/LogArea.jsx b/client/src/pages/tools/linux/InstallSoftware/components/ConfigurationArea/components/LogArea/LogArea.jsx
index 9432dd6..f7943ec 100644
--- a/client/src/pages/tools/linux/InstallSoftware/components/ConfigurationArea/components/LogArea/LogArea.jsx
+++ b/client/src/pages/tools/linux/InstallSoftware/components/ConfigurationArea/components/LogArea/LogArea.jsx
@@ -10,12 +10,14 @@ export const LogArea = ({steps, completedSteps, failedStep}) => (
         </div>
 
         <div className="log-items">
-            {steps.map((step) => {
+            {steps.map((step, index) => {
+                const stepBefore = index > 0 ? steps[index - 1] : {step: -1};
+
                 return <div className={"log-item" + (completedSteps.includes(step.step) ? " icon-success" : "")
                     + (failedStep === step.step ? " icon-failed" : "")}
                             id={step.step} key={step.step}>
                     {failedStep === step.step ? <FontAwesomeIcon icon={faWarning}/>
-                        : (!completedSteps.includes(step.step) && completedSteps.includes(step.step - 1))
+                        : (!completedSteps.includes(step.step) && completedSteps.includes(stepBefore.step))
                             ? <FontAwesomeIcon icon={faCircleNotch} spin={true} className="icon-small"/>
                             : <FontAwesomeIcon icon={faCheck}/>}