replace apiFetch for action using unstable fetch mechanic

Author: CGastrell

projects/packages/forms/src/dashboard/components/response-view/body.tsx

@@ -211,7 +211,7 @@ const ResponseViewBody = ( {
 	const [ isImageLoading, setIsImageLoading ] = useState( true );
 	const [ hasMarkedSelfAsRead, setHasMarkedSelfAsRead ] = useState( 0 );
 
-	const { editEntityRecord } = useDispatch( 'core' );
+	const { editEntityRecord, saveEditedEntityRecord } = useDispatch( 'core' );
 
 	const emptyTrashDays = useConfigValue( 'emptyTrashDays' ) ?? 0;
 
@@ -376,10 +376,13 @@ const ResponseViewBody = ( {
 		}
 
 		// Then update on server
-		apiFetch( {
-			path: `/wp/v2/feedback/${ response.id }/read`,
-			method: 'POST',
-			data: { is_unread: false },
+		saveEditedEntityRecord( 'postType', 'feedback', response.id, {
+			__unstableFetch: () =>
+				apiFetch( {
+					path: `/wp/v2/feedback/${ response.id }/read`,
+					method: 'POST',
+					data: { is_unread: false },
+				} ),
 		} )
 			.then( ( { count }: { count: number } ) => {
 				// Update menu counter with accurate count from server
@@ -407,6 +410,7 @@ const ResponseViewBody = ( {
 		invalidateCounts,
 		markRecordsAsInvalid,
 		currentQuery,
+		saveEditedEntityRecord,
 	] );
 
 	const handelImageLoaded = useCallback( () => {

projects/packages/forms/src/dashboard/inbox/dataviews/actions.tsx

@@ -569,7 +569,7 @@ export const markAsReadAction: Action = {
 			multiple: items.length > 1,
 		} );
 
-		const { editEntityRecord } = registry.dispatch( coreStore );
+		const { editEntityRecord, saveEditedEntityRecord } = registry.dispatch( coreStore );
 		const { getEntityRecord } = registry.select( coreStore );
 		const { createSuccessNotice, createErrorNotice } = registry.dispatch( noticesStore );
 		const { invalidateCounts, markRecordsAsInvalid } = registry.dispatch( dashboardStore );
@@ -592,12 +592,15 @@ export const markAsReadAction: Action = {
 				}
 
 				// Update on server
-				return apiFetch( {
-					path: `/wp/v2/feedback/${ id }/read`,
-					method: 'POST',
-					data: { is_unread: false },
+				return saveEditedEntityRecord( 'postType', 'feedback', id, {
+					__unstableFetch: () =>
+						apiFetch( {
+							path: `/wp/v2/feedback/${ id }/read`,
+							method: 'POST',
+							data: { is_unread: false },
+						} ),
 				} )
-					.then( ( { count } ) => {
+					.then( ( { count }: { count: number } ) => {
 						// Update menu counter with accurate count from server.
 						updateMenuCounter( count );
 					} )

projects/packages/forms/src/dashboard/inbox/dataviews/types.tsx

@@ -35,6 +35,12 @@ export type Registry = {
 			name: string,
 			record: Record< string, unknown >
 		) => Promise< void >;
+		saveEditedEntityRecord: (
+			kind: string,
+			name: string,
+			recordId: number,
+			options?: { __unstableFetch?: () => Promise< void > }
+		) => Promise< { id: string; count: number } >;
 		deleteEntityRecord: (
 			kind: string,
 			name: string,