feat : 신고 페이지 status 필터링 임시 구현(수정해야함)

Author: wldnjs990

src/pages/Admin/Report.tsx

@@ -28,7 +28,7 @@ export default function ReportManage() {
     reportType: null,
     status: 'PENDING',
     page: '1',
-    size: '2',
+    size: '1',
   });
 
   const handleGetReports = async (reportQueryString: ReportQueryString) => {
@@ -47,14 +47,30 @@ export default function ReportManage() {
     setReportQueryString((cur) => ({ ...cur, page: page }));
   };
 
+  const handleStatus = (status: Status) => {
+    setReportQueryString((cur) => ({ ...cur, status: status }));
+  };
+
   useEffect(() => {
     handleGetReports(reportQueryString);
   }, [reportQueryString]);
   return (
     <>
       <AdminPageTitle>검열 관리 / 신고 편지 목록</AdminPageTitle>
       <WrapperFrame>
-        <WrapperTitle title="신고 편지 목록" Icon={AlarmIcon} />
+        <div className="flex items-center justify-between">
+          <WrapperTitle title="신고 편지 목록" Icon={AlarmIcon} />
+          <select
+            onChange={(e) => {
+              const status = e.currentTarget.value as Status;
+              handleStatus(status);
+            }}
+          >
+            <option value="PENDING">대기중</option>
+            <option value="RESOLVED">승인됨</option>
+            <option value="REJECTED">거절됨</option>
+          </select>
+        </div>
 
         <section className="mt-5 flex flex-col">
           <ListHeaderFrame>

src/pages/Admin/components/PagenationNavigation.tsx

@@ -50,7 +50,8 @@ export default function PagenationNavigation({
     }
   };
 
-  const buttonStyle = 'rounded-full bg-white w-8 h-8 disabled:bg-gray-20';
+  const buttonStyle =
+    'rounded-full bg-white w-8 h-8 disabled:bg-gray-20 disabled:text-white disabled:cursor-auto';
 
   return (
     <div className="mt-5 flex h-10 w-full items-center justify-center">