26 lines
730 B
TypeScript
26 lines
730 B
TypeScript
|
import { useMutation } from '@tanstack/react-query';
|
||
|
|
import { useClient } from 'pl-fe/hooks';
|
||
|
|
import { queryClient } from 'pl-fe/queries/client';
|
||
|
|
|
||
|
|
import type { Timeline } from './useMarkers';
|
||
|
|
import type { Marker } from 'pl-api';
|
||
|
|
|
||
|
|
const useUpdateMarkerMutation = (timeline: Timeline) => {
|
||
|
|
const client = useClient();
|
||
|
|
|
||
|
|
return useMutation({
|
||
|
|
mutationFn: (lastReadId: string) => client.timelines.saveMarkers({
|
||
|
|
[timeline]: {
|
||
|
|
last_read_id: lastReadId,
|
||
|
|
},
|
||
|
|
}),
|
||
|
|
retry: false,
|
||
|
|
onMutate: (lastReadId) => queryClient.setQueryData<Marker>(['markers', timeline], (marker) => marker ? ({
|
||
|
|
...marker,
|
||
|
|
last_read_id: lastReadId,
|
||
|
|
}) : undefined),
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
export { useUpdateMarkerMutation };
|