feat: (#740) 단건 신고 처리 조회 api 및 query hook 생성

frontend/src/api/alarm.ts

@@ -29,13 +29,15 @@ export interface ReportAlarmList {
 interface ReportAlarm {
  id: number;
  isRead: boolean;
- info: {
- id: number;
- type: ReportType;
- reason: ReportMessage[];
- content: string;
- createAt: StringDate;
- };
+ info: ReportConfirmResult;
+}
+
+export interface ReportConfirmResult {
+ id: number;
+ type: ReportType;
+ reason: ReportMessage[];
+ content: string;
+ createAt: StringDate;
 }
 
 export const getContentAlarmList = async (page: number): Promise<ContentAlarmList> => {
@@ -55,3 +57,11 @@ export const getReportAlarmList = async (page: number): Promise<ReportAlarmList>
  alarmList,
  };
 };
+
+export const getReportConfirmResult = async (reportId: number): Promise<ReportConfirmResult> => {
+ const reportConfirmResult = await getFetch<ReportConfirmResult>(
+ `${BASE_URL}/alarms/report/${reportId}`
+ );
+
+ return reportConfirmResult;
+};

frontend/src/constants/queryKey.ts

@@ -9,4 +9,5 @@ export const QUERY_KEY = {
  VOTE_STATISTICS: 'voteStatistics',
  ALARM_CONTENT: 'contentAlarm',
  ALARM_REPORT: 'reportAlarm',
+ REPORT_CONFIRM_RESULT: 'reportConfirmResult',
 };

frontend/src/hooks/query/useReportConfirmResult.tsx

@@ -0,0 +1,28 @@
+import { useQuery } from '@tanstack/react-query';
+
+import { ReportConfirmResult, getReportConfirmResult } from '@api/alarm';
+
+import { QUERY_KEY } from '@constants/queryKey';
+
+export const useReportConfirmResult = (reportId: number) => {
+ const { data } = useQuery<ReportConfirmResult>(
+ [QUERY_KEY.REPORT_CONFIRM_RESULT, reportId],
+ () => getReportConfirmResult(reportId),
+ {
+ cacheTime: 60 * 60 * 1000,
+ staleTime: 60 * 60 * 1000,
+ suspense: true,
+
+ retry: (failCount, error) => {
+ // const fetchError = error as Error;
+ // const status = JSON.parse(fetchError.message).status;
+ // if (status === 404) {
+ // return false;
+ // }
+ return failCount <= 3;
+ },
+ }
+ );
+
+ return { data };
+};