PulseFlow Mobile Suite

import { useMutation, useQueryClient } from '@tanstack/react-query';
import { executeSqliteMutation } from '@/lib/db';
import { mmkvStorage } from '@/lib/storage';

export function useOptimisticFieldUpdate() {
  const queryClient = useQueryClient();

  return useMutation({
    mutationFn: async (payload: FieldDispatchPayload) => {
      // 1. Write synchronously to local SQLite database (<5ms)
      const record = await executeSqliteMutation(payload);
      // 2. Queue for background sync replay
      mmkvStorage.pushToSyncQueue(record);
      return record;
    },
    onMutate: async (newRecord) => {
      // Optimistic 60fps UI update
      await queryClient.cancelQueries({ queryKey: ['dispatches'] });
      queryClient.setQueryData(['dispatches'], (old: any) => [newRecord, ...old]);
    },
  });
}