30 lines
798 B
TypeScript
Executable File
30 lines
798 B
TypeScript
Executable File
import {useQuery} from '@tanstack/react-query';
|
|
import {BackendResponse} from '@common/http/backend-response/backend-response';
|
|
import {User} from '@common/auth/user';
|
|
import {apiClient} from '@common/http/query-client';
|
|
import {useParams} from 'react-router-dom';
|
|
|
|
export interface UseUserProfileResponse extends BackendResponse {
|
|
user: User;
|
|
}
|
|
|
|
export const userProfileQueryKey = (userId: number | string) => [
|
|
'users',
|
|
`${userId}`,
|
|
'profile',
|
|
];
|
|
|
|
export function useUserProfile() {
|
|
const {userId} = useParams();
|
|
return useQuery({
|
|
queryKey: userProfileQueryKey(userId!),
|
|
queryFn: () => fetchProfile(userId!),
|
|
});
|
|
}
|
|
|
|
function fetchProfile(userId: string) {
|
|
return apiClient
|
|
.get<UseUserProfileResponse>(`user-profile/${userId}`)
|
|
.then(response => response.data);
|
|
}
|