32
common/resources/client/users/queries/use-followed-users.ts
Executable file
32
common/resources/client/users/queries/use-followed-users.ts
Executable file
@@ -0,0 +1,32 @@
|
||||
import {useQuery} from '@tanstack/react-query';
|
||||
import {apiClient} from '@common/http/query-client';
|
||||
import {BackendResponse} from '@common/http/backend-response/backend-response';
|
||||
import {useAuth} from '@common/auth/use-auth';
|
||||
import {User} from '@common/auth/user';
|
||||
|
||||
interface Response extends BackendResponse {
|
||||
ids: number[];
|
||||
}
|
||||
|
||||
export function useFollowedUsers() {
|
||||
const {user} = useAuth();
|
||||
return useQuery({
|
||||
queryKey: ['users', 'followed', 'ids'],
|
||||
queryFn: () => fetchIds(),
|
||||
enabled: !!user,
|
||||
});
|
||||
}
|
||||
|
||||
export function useIsUserFollowing(user: User) {
|
||||
const {data, isLoading} = useFollowedUsers();
|
||||
return {
|
||||
isLoading,
|
||||
isFollowing: !!data?.ids.includes(user.id),
|
||||
};
|
||||
}
|
||||
|
||||
function fetchIds() {
|
||||
return apiClient
|
||||
.get<Response>(`users/me/followed-users/ids`)
|
||||
.then(response => response.data);
|
||||
}
|
||||
Reference in New Issue
Block a user