diff --git a/src/ContentProcessorWeb/src/Pages/DefaultPage/PanelCenter.tsx b/src/ContentProcessorWeb/src/Pages/DefaultPage/PanelCenter.tsx index 14976f4d..9154c7d3 100644 --- a/src/ContentProcessorWeb/src/Pages/DefaultPage/PanelCenter.tsx +++ b/src/ContentProcessorWeb/src/Pages/DefaultPage/PanelCenter.tsx @@ -149,6 +149,7 @@ const PanelCenter: React.FC = ({ togglePanel }) => { claimDetails: state.centerPanel.claimDetails, claimDetailsLoader: state.centerPanel.claimDetailsLoader, claimCommentSaving: state.centerPanel.claimCommentSaving, + refreshTrigger: state.leftPanel.refreshTrigger, }), shallowEqual ); @@ -186,7 +187,7 @@ const PanelCenter: React.FC = ({ togglePanel }) => { if (store.selectionType === 'document' && (store.activeProcessId != null || store.activeProcessId !== '') && !status.includes(store.selectedItem.status) && store.selectedItem?.process_id === store.activeProcessId) { fetchContent(); } - }, [store.activeProcessId, store.selectedItem, store.selectionType]) + }, [store.activeProcessId, store.selectedItem, store.selectionType, store.refreshTrigger]) // Fetch claim details when a claim is selected useEffect(() => { @@ -194,7 +195,7 @@ const PanelCenter: React.FC = ({ togglePanel }) => { setClaimComment(''); dispatch(fetchClaimDetails({ claimId: store.selectedClaim.id })); } - }, [store.selectionType, store.selectedClaim?.id, dispatch]) + }, [store.selectionType, store.selectedClaim?.id, dispatch, store.refreshTrigger]) // Sync claim comment with API response useEffect(() => { diff --git a/src/ContentProcessorWeb/src/Pages/DefaultPage/PanelLeft.tsx b/src/ContentProcessorWeb/src/Pages/DefaultPage/PanelLeft.tsx index 99337e67..1e5bc9cf 100644 --- a/src/ContentProcessorWeb/src/Pages/DefaultPage/PanelLeft.tsx +++ b/src/ContentProcessorWeb/src/Pages/DefaultPage/PanelLeft.tsx @@ -13,7 +13,7 @@ import { ArrowClockwiseRegular, ArrowUploadRegular, ChevronDoubleLeft20Regular, import { toast } from "react-toastify"; import { useDispatch, useSelector, shallowEqual } from 'react-redux'; -import { fetchSchemaData, fetchSchemasetData, fetchContentTableData, setRefreshGrid, fetchSwaggerData } from '../../store/slices/leftPanelSlice'; +import { fetchSchemaData, fetchSchemasetData, fetchContentTableData, setRefreshGrid, fetchSwaggerData, incrementRefreshTrigger } from '../../store/slices/leftPanelSlice'; import { AppDispatch, RootState } from '../../store'; import { startLoader, stopLoader } from "../../store/slices/loaderSlice"; @@ -80,6 +80,7 @@ const PanelLeft: React.FC = ({ togglePanel }) => { } finally { dispatch(stopLoader("1")); dispatch(setRefreshGrid(false)); + dispatch(incrementRefreshTrigger()); } } diff --git a/src/ContentProcessorWeb/src/store/slices/leftPanelSlice.ts b/src/ContentProcessorWeb/src/store/slices/leftPanelSlice.ts index 26aabe82..8c2b2f9c 100644 --- a/src/ContentProcessorWeb/src/store/slices/leftPanelSlice.ts +++ b/src/ContentProcessorWeb/src/store/slices/leftPanelSlice.ts @@ -27,6 +27,7 @@ export interface LeftPanelState { deleteClaimsLoader: string[]; isGridRefresh: boolean; swaggerJSON: Record | null; + refreshTrigger: number; } interface GridData { @@ -245,6 +246,7 @@ const initialState: LeftPanelState = { deleteFilesLoader: [], deleteClaimsLoader: [], swaggerJSON: null, + refreshTrigger: 0, }; const leftPanelSlice = createSlice({ @@ -268,6 +270,9 @@ const leftPanelSlice = createSlice({ setRefreshGrid: (state, action: PayloadAction) => { state.isGridRefresh = action.payload; }, + incrementRefreshTrigger: (state) => { + state.refreshTrigger += 1; + }, }, extraReducers: (builder) => { builder @@ -406,5 +411,5 @@ const leftPanelSlice = createSlice({ }, }); -export const { setSchemaSelectedOption, setSelectedGridRow, setSelectedClaim, setRefreshGrid } = leftPanelSlice.actions; +export const { setSchemaSelectedOption, setSelectedGridRow, setSelectedClaim, setRefreshGrid, incrementRefreshTrigger } = leftPanelSlice.actions; export default leftPanelSlice.reducer;