33 lines
956 B
TypeScript
33 lines
956 B
TypeScript
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
|
|
import { followsAPI } from "../api";
|
|
|
|
export function useFollows() {
|
|
return useQuery({
|
|
queryKey: ["follows"],
|
|
queryFn: () => followsAPI.list(),
|
|
staleTime: 30 * 1000,
|
|
});
|
|
}
|
|
|
|
export function useAddFollow() {
|
|
const qc = useQueryClient();
|
|
return useMutation({
|
|
mutationFn: ({ type, value }: { type: string; value: string }) =>
|
|
followsAPI.add(type, value),
|
|
onSuccess: () => qc.invalidateQueries({ queryKey: ["follows"] }),
|
|
});
|
|
}
|
|
|
|
export function useRemoveFollow() {
|
|
const qc = useQueryClient();
|
|
return useMutation({
|
|
mutationFn: (id: number) => followsAPI.remove(id),
|
|
onSuccess: () => qc.invalidateQueries({ queryKey: ["follows"] }),
|
|
});
|
|
}
|
|
|
|
export function useIsFollowing(type: string, value: string) {
|
|
const { data: follows = [] } = useFollows();
|
|
return follows.find((f) => f.follow_type === type && f.follow_value === value);
|
|
}
|