Fixes #38709 - Fix hosts job status stuck in "Pending"

Author: pavanshekar

webpack/JobInvocationDetail/JobInvocationHostTable.js

@@ -47,6 +47,7 @@ const JobInvocationHostTable = ({
   onFilterUpdate,
   statusLabel,
   targeting,
+  refreshTrigger,
 }) => {
   const columns = Columns();
   const columnNamesKeys = Object.keys(columns);
@@ -141,12 +142,17 @@ const JobInvocationHostTable = ({
   }, [allResponse]);
 
   useEffect(() => {
-    if (statusLabel !== prevStatusLabel.current) {
-      setAPIOptions(prevOptions => ({ ...prevOptions }));
-      prevStatusLabel.current = statusLabel;
+    if (refreshTrigger > 0) {
+      setAPIOptions(prev => ({ 
+        ...prev, 
+        params: { ...prev.params, _refresh: Date.now() }
+      }));
+      setAllAPIOptions(prev => ({ 
+        ...prev, 
+        params: { ...prev.params, _refresh: Date.now() }
+      }));
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [statusLabel]);
+  }, [refreshTrigger, setAPIOptions, setAllAPIOptions]);
 
   const {
     updateSearchQuery: updateSearchQueryBulk,
@@ -443,11 +449,12 @@ JobInvocationHostTable.propTypes = {
   initialFilter: PropTypes.string.isRequired,
   statusLabel: PropTypes.string,
   onFilterUpdate: PropTypes.func,
+  refreshTrigger: PropTypes.number,
 };
 
 JobInvocationHostTable.defaultProps = {
   onFilterUpdate: () => {},
-  statusLabel: undefined,
+  refreshTrigger: 0,
 };
 
 export default JobInvocationHostTable;

webpack/JobInvocationDetail/index.js

@@ -55,6 +55,7 @@ const JobInvocationDetailPage = ({
     key: CURRENT_PERMISSIONS,
   });
   const [selectedFilter, setSelectedFilter] = useState('');
+  const [refreshTrigger, setRefreshTrigger] = useState(0);
 
   const handleFilterChange = newFilter => {
     setSelectedFilter(newFilter);
@@ -82,6 +83,12 @@ const JobInvocationDetailPage = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [dispatch, id, finished, autoRefresh]);
 
+  useEffect(() => {
+    if (finished && !autoRefresh) {
+      setRefreshTrigger(prev => prev + 1);
+    }
+  }, [finished, autoRefresh]);
+
   useEffect(() => {
     if (task?.id !== undefined) {
       dispatch(getTask(`${task?.id}`));
@@ -187,6 +194,7 @@ const JobInvocationDetailPage = ({
             initialFilter={selectedFilter}
             statusLabel={statusLabel}
             onFilterUpdate={handleFilterChange}
+            refreshTrigger={refreshTrigger}
           />
         </SkeletonLoader>
       </PageSection>