From eb96e012ac20ff6134bf7233e83e7a6b5f03978d Mon Sep 17 00:00:00 2001
From: Kingshuk-Microsoft <v-kidatta@microsoft.com>
Date: Tue, 16 Sep 2025 14:03:32 +0530
Subject: [PATCH] fix: process steps bug 22999

---
 .../Components/ProcessSteps/ProcessSteps.tsx          | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/ContentProcessorWeb/src/Pages/DefaultPage/Components/ProcessSteps/ProcessSteps.tsx b/src/ContentProcessorWeb/src/Pages/DefaultPage/Components/ProcessSteps/ProcessSteps.tsx
index 4480a9a7..e7e4fd3a 100644
--- a/src/ContentProcessorWeb/src/Pages/DefaultPage/Components/ProcessSteps/ProcessSteps.tsx
+++ b/src/ContentProcessorWeb/src/Pages/DefaultPage/Components/ProcessSteps/ProcessSteps.tsx
@@ -22,6 +22,9 @@ const ProcessSteps = () => {
   }), shallowEqual
   );
 
+  const hasValidSelection = !!store.selectedItem && !!store.selectedItem.process_id;
+  const hasProcessStepsData = Array.isArray(store.processStepsData) && store.processStepsData.length > 0;
+
   const renderProcessTimeInSeconds = (timeString: string) => {
     if (!timeString) {
       return timeString;
@@ -65,6 +68,14 @@ const ProcessSteps = () => {
     };
   }, []);
 
+  if (!hasValidSelection || !hasProcessStepsData) {
+    return (
+      <div style={{ padding: '20px', textAlign: 'center', color: '#666' }}>
+        No data available.
+      </div>
+    );
+  }
+
   return (
     <Accordion collapsible>
       {!status.includes(store.selectedItem.status) && store.processStepsData?.map((step, index) => (