feat : 문의하기 preview 추가

Author: layout-SY

src/api/admin/customerService/inquiry.api.ts

@@ -21,6 +21,11 @@ export const getAllInquiries = async (
   }
 };
 
+export const getInquiriesPreview = async () => {
+  const response = await httpClient.get<ApiAdminInquiry>(`/inquiry/preview`);
+  return response.data.data;
+};
+
 export const getInquiryDetail = async (id: string) => {
   try {
     const response = await httpClient.get<ApiAdminInquiryDetail>(

src/components/admin/previewComponent/inquiresPreview/InquiresPreview.tsx

@@ -1,19 +1,13 @@
 import * as S from './InquiresPreview.styled';
-import { useGetAllInquiries } from '../../../../hooks/admin/useGetAllInquiries';
 import Avatar from '../../../common/avatar/Avatar';
 import { ADMIN_ROUTE } from '../../../../constants/routes';
 import arrow_right from '../../../../assets/ArrowRight.svg';
 import Spinner from '../../../user/mypage/Spinner';
-import { AdminInquiryChangeSearchParams } from '../../../../models/inquiry';
+import { useGetInquiriesPreview } from '../../../../hooks/admin/useGetInquiriesPreview';
 
 const InquiresPreview = () => {
-  const childSearchParams: AdminInquiryChangeSearchParams = {
-    userId: '',
-    startDate: '',
-    endDate: '',
-  };
-  const { allInquiriesData, isLoading, isFetching } =
-    useGetAllInquiries(childSearchParams);
+  const { allInquiriesPreviewData, isLoading, isFetching } =
+    useGetInquiriesPreview();
 
   if (isLoading || isFetching) {
     return (
@@ -23,13 +17,13 @@ const InquiresPreview = () => {
     );
   }
 
-  if (!allInquiriesData || allInquiriesData.length === 0) {
+  if (!allInquiriesPreviewData || allInquiriesPreviewData.length === 0) {
     return <S.Container>등록된 문의가 없습니다.</S.Container>;
   }
 
   return (
     <S.Container>
-      {allInquiriesData?.map((inquiry) => (
+      {allInquiriesPreviewData.map((inquiry) => (
         <S.Wrapper key={inquiry.id}>
           <S.Content>
             {/* <Link to={`${ADMIN_ROUTE.}`} */}

src/components/admin/previewComponent/noticePreview/NoticePreview.tsx

@@ -15,7 +15,7 @@ const NoticePreview = () => {
   }
 
   if (!noticeData) {
-    return <S.Container>공지사힝이 없습니다.</S.Container>;
+    return <S.Container>공지사항이 없습니다.</S.Container>;
   }
 
   return (

src/components/user/mypage/ContentTab.tsx

@@ -57,7 +57,6 @@ export default function ContentTab({ filter, $justifyContent }: ContentProps) {
             to={filter.url}
             onClick={() => handleChangeId(filter.id as number)}
           >
-            {' '}
             <S.WrapperTitle $selected={filter?.id === filterId}>
               <S.FilterTitle>{filter.title}</S.FilterTitle>
             </S.WrapperTitle>

src/hooks/admin/useGetInquiriesPreview.ts

@@ -0,0 +1,17 @@
+import { useQuery } from '@tanstack/react-query';
+import { Inquiries } from '../queries/keys';
+import { getInquiriesPreview } from '../../api/admin/customerService/inquiry.api';
+
+export const useGetInquiriesPreview = () => {
+  const {
+    data: allInquiriesPreviewData,
+    isLoading,
+    isFetching,
+  } = useQuery({
+    queryKey: [Inquiries.inquiriesPreview],
+    queryFn: () => getInquiriesPreview(),
+    select: (data) => data.slice(0, 5),
+  });
+
+  return { allInquiriesPreviewData, isLoading, isFetching };
+};