Merge pull request #331 from depromeet/feat/#330

#330 feat: follow layout api call 수정

src/app/follow/[id]/layout.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useRouter } from 'next/navigation';
+import { usePathname, useRouter } from 'next/navigation';
 import { ReactNode } from 'react';
 
 import Header from '@components/common/Header';
@@ -12,7 +12,10 @@ export default function Layout({ children }: { children: ReactNode }) {
     router.back();
   };
 
-  const { data: userProfile } = useGetUserProfile();
+  const pathname = usePathname();
+  const userId = Number(pathname.split('/').pop());
+
+  const { data: userProfile } = useGetUserProfile(Number(userId));
 
   return (
     <main className="w-full max-w-[480px] h-[100dvh]">

src/app/follow/[id]/page.tsx

@@ -14,7 +14,7 @@ export default function Page() {
   const type = searchParams.get('type');
 
   const { data: followerList } = useGetFollowingList(userId, 'FOLLOWER');
-  const { data: followingList } = useGetFollowingList(userId, 'FOLLOWER');
+  const { data: followingList } = useGetFollowingList(userId, 'FOLLOWING');
 
   return (
     <div>

src/hooks/api/useGetUserProfile.ts

@@ -4,19 +4,26 @@ import { AxiosError } from 'axios';
 import { ApiResponse, axiosRequest } from '../../api/api-config';
 
 export interface UserInfo {
-  nickname: string;
-  level: '맨밥이' | '배고픈' | '또밥이' | '또또밥이';
+  isMine: boolean;
   userId: number;
+  profileImgUrl: string;
+  nickname: string;
+  feedCnt: number;
+  follwerCnt: number;
+  followingCnt: number;
+  isFollowed: boolean;
 }
 
-const getUserProfile = (): Promise<ApiResponse<UserInfo>> => {
-  return axiosRequest('get', '/api/v1/users/profile');
+const getUserProfile = (userId: number): Promise<ApiResponse<UserInfo>> => {
+  return axiosRequest('get', `/api/v1/profile/${userId}`);
 };
 
-export const useGetUserProfile = (): UseQueryResult<UserInfo, AxiosError> => {
+export const useGetUserProfile = (
+  userId: number,
+): UseQueryResult<UserInfo, AxiosError> => {
   return useQuery({
     queryKey: ['get-userProfile'],
-    queryFn: getUserProfile,
+    queryFn: () => getUserProfile(userId),
     select: (data) => data.data,
   });
 };