🔀 관리자 프로필 불러오기

src/app/api/admin/my/route.ts

@@ -0,0 +1,24 @@
+import { AxiosError } from 'axios';
+import { cookies } from 'next/headers';
+import { NextResponse } from 'next/server';
+import { apiClient } from '@/shared/libs/apiClient';
+
+export async function GET() {
+  const cookieStore = cookies();
+  const accessToken = cookieStore.get('accessToken')?.value;
+
+  try {
+    const response = await apiClient.get('/admin/my', {
+      headers: {
+        Authorization: `Bearer ${accessToken}`,
+      },
+    });
+    return NextResponse.json(response.data, { status: response.status });
+  } catch (error) {
+    const axiosError = error as AxiosError<{ message: string }>;
+    const status = axiosError.response?.status || 500;
+    const message =
+      axiosError.response?.data?.message || 'admin data get failed';
+    return NextResponse.json({ error: message }, { status });
+  }
+}

src/entities/admin/ui/AdminProfile/index.tsx

@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import { Logout } from '@/shared/assets/icons';
+import { AdminData } from '@/shared/types/admin/type';
 import { useDeleteUserAccount } from '../../model/useDeleteUserAccount';
 import { useLogout } from '../../model/useLogout';
 
@@ -10,7 +11,7 @@ const ProfileInfo = ({ label, value }: { label: string; value: string }) => (
   </div>
 );
 
-const AdminProfile = () => {
+const AdminProfile = ({ data }: { data: AdminData }) => {
   const { mutate: logout } = useLogout();
   const { mutate: deleteAccount } = useDeleteUserAccount();
   const [isToggleLogout, setIsToggleLogout] = useState(false);
@@ -23,9 +24,9 @@ const AdminProfile = () => {
     <div className="relative flex w-full justify-between">
       <div className="flex items-center gap-[124px] mobile:flex-col mobile:gap-[30px]">
         <div className="space-y-[32px]">
-          <ProfileInfo label="이름" value="김진원" />
-          <ProfileInfo label="아이디" value="jin1234" />
-          <ProfileInfo label="이메일" value="[email protected]" />
+          <ProfileInfo label="이름" value={data.name} />
+          <ProfileInfo label="아이디" value={data.nickname} />
+          <ProfileInfo label="이메일" value={data.email} />
         </div>
       </div>
       <div>

src/shared/types/admin/type.ts

@@ -14,3 +14,8 @@ export interface SignUpItem extends Record<string, unknown> {
   email: string;
   phoneNumber: string;
 }
+export interface AdminData {
+  name: string;
+  nickname: string;
+  email: string;
+}

src/widgets/admin/api/getAdminData.ts

@@ -1,5 +1,5 @@
 import axios from 'axios';
-import { ExpoItem, SignUpItem } from '@/shared/types/admin/type';
+import { AdminData, ExpoItem, SignUpItem } from '@/shared/types/admin/type';
 
 export const getExpoList = async (): Promise<ExpoItem[]> => {
   const response = await axios.get('/api/expo');
@@ -10,3 +10,8 @@ export const getRequestSignUp = async (): Promise<SignUpItem[]> => {
   const response = await axios.get('/api/admin');
   return response.data;
 };
+
+export const getAdminData = async (): Promise<AdminData> => {
+  const response = await axios.get('/api/admin/my');
+  return response.data;
+};

src/widgets/admin/model/useAdminData.ts

@@ -1,6 +1,10 @@
 import { useQuery } from '@tanstack/react-query';
-import { ExpoItem, SignUpItem } from '@/shared/types/admin/type';
-import { getExpoList, getRequestSignUp } from '../api/getAdminData';
+import { AdminData, ExpoItem, SignUpItem } from '@/shared/types/admin/type';
+import {
+  getAdminData,
+  getExpoList,
+  getRequestSignUp,
+} from '../api/getAdminData';
 
 export const useAdminData = () => {
   const expoListData = useQuery<ExpoItem[], Error>({
@@ -13,7 +17,15 @@ export const useAdminData = () => {
     queryFn: getRequestSignUp,
   });
 
-  const isLoading = expoListData.isLoading || requestSignUpData.isLoading;
+  const requestAdminData = useQuery<AdminData, Error>({
+    queryKey: ['requestAdnubData'],
+    queryFn: getAdminData,
+  });
+
+  const isLoading =
+    expoListData.isLoading ||
+    requestSignUpData.isLoading ||
+    requestAdminData.isLoading;
 
-  return { expoListData, requestSignUpData, isLoading };
+  return { expoListData, requestSignUpData, requestAdminData, isLoading };
 };

src/widgets/admin/ui/AdminPageWrapper/index.tsx

@@ -11,7 +11,8 @@ import {
 import { useAdminData } from '../../model/useAdminData';
 
 const AdminPageWrapper = () => {
-  const { expoListData, requestSignUpData, isLoading } = useAdminData();
+  const { expoListData, requestSignUpData, requestAdminData, isLoading } =
+    useAdminData();
 
   const checkSignupActions = checkActions(async () => {
     await requestSignUpData.refetch();
@@ -22,12 +23,13 @@ const AdminPageWrapper = () => {
 
   const expoList = expoListData.data || [];
   const requestSignUp = requestSignUpData.data || [];
+  const requestAdmin = requestAdminData.data;
 
   return withLoading({
     isLoading,
     children: (
       <div className="space-y-[73px]">
-        <AdminProfile />
+        {requestAdmin && <AdminProfile data={requestAdmin} />}
         <div className="space-y-[26px]">
           <p className="text-h2 text-black">회원가입 요청</p>
           <div className="h-auto">