wf-details: do not change chosen log tab automatically

CHANGES.rst

@@ -10,6 +10,7 @@ Version 0.9.1 (UNRELEASED)
 - Changes the workflow progress bar to always display it as full for finished workflows.
 - Changes the interactive session notification by adding a message stating that the session will be closed after a specified number of days inactivity.
 - Changes the workflow-details page to make it possible to scroll through the list of workflow steps in the job logs section.
+- Changes the workflow-details page to not automatically refresh the selected job when viewing the related logs, but keeping the user-selected one active.
 
 Version 0.9.0 (2023-01-19)
 --------------------------

reana-ui/src/pages/workflowDetails/components/WorkflowLogs.js

@@ -47,18 +47,27 @@ EngineLogs.propTypes = {
 };
 
 function JobLogs({ logs }) {
-  const [selectedStep, setSelectedStep] = useState();
-
-  useEffect(() => {
+  function chooseLastStepID(logs) {
     const failedStepId = findKey(logs, (log) => log.status === "failed");
-    if (failedStepId) return setSelectedStep(failedStepId);
+    if (failedStepId) return failedStepId;
 
     const runningStepId = findKey(logs, (log) => log.status === "running");
-    if (runningStepId) return setSelectedStep(runningStepId);
+    if (runningStepId) return runningStepId;
+
+    // Return the last step id if there are no failed or running steps.
+    return Object.keys(logs).pop();
+  }
 
-    const logKeys = Object.keys(logs);
-    setSelectedStep(logKeys[logKeys.length - 1]);
-  }, [logs]);
+  const lastStepID = chooseLastStepID(logs);
+  const [selectedStep, setSelectedStep] = useState(lastStepID);
+
+  useEffect(() => {
+    // Only update the shown step logs if there was no log displayed before
+    // and there is one ready to be displayed now
+    if (lastStepID && !selectedStep) {
+      setSelectedStep(lastStepID);
+    }
+  }, [logs, lastStepID, selectedStep]);
 
   const steps = Object.entries(logs).map(([id, log]) => ({
     key: id,