Skip to content

Commit 9d7a5f1

Browse files
layout-SYlayout-SY
authored
Merge pull request #351 from devpalsPlus/feat/#327
관리자 신고 검토 페이지 구현 ( Feat/#327 )
2 parents 1c3ea1b + 55a760c commit 9d7a5f1

33 files changed

+933
-70
lines changed

‎src/api/admin/report.api.ts‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
import type { ApiReportDetail } from '../../models/admin/userDetail/reportDetail';
2+
import type { ApiAllReports } from '../../models/report';
3+
import type { SearchType } from '../../models/search';
4+
import { httpClient } from '../http.api';
5+
6+
export const postDeleteReport = async (id: number) => {
7+
try {
8+
await httpClient.delete(`/report/${id}`);
9+
} catch (e) {
10+
console.error(e);
11+
throw e;
12+
}
13+
};
14+
15+
export const getReportDetail = async (reportId: number) => {
16+
try {
17+
const response = await httpClient.get<ApiReportDetail>(
18+
`/report/${reportId}`
19+
);
20+
return response.data.data;
21+
} catch (e) {
22+
console.error(e);
23+
throw e;
24+
}
25+
};
26+
27+
export const getAllReports = async (params: SearchType) => {
28+
try {
29+
const response = await httpClient.get<ApiAllReports>(`/report`, { params });
30+
return response.data;
31+
} catch (e) {
32+
console.error(e);
33+
throw e;
34+
}
35+
};
36+
37+
export const getAllReportsPreview = async () => {
38+
try {
39+
const response = await httpClient.get<ApiAllReports>(`/report`);
40+
return response.data.data;
41+
} catch (e) {
42+
console.error(e);
43+
throw e;
44+
}
45+
};

‎src/api/admin/user.api.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import type { ApiUserApplicantsData } from '../../models/admin/userDetail/userDe
22
import type { ApiUserProjectDataResponse } from '../../models/admin/userDetail/userProjectData';
33
import { httpClient } from '../http.api';
44

5-
export const postBanUser = async (id: string) => {
5+
export const postBanUser = async (id: number) => {
66
try {
77
await httpClient.post(`/ban/${id}`);
88
} catch (e) {
@@ -11,7 +11,7 @@ export const postBanUser = async (id: string) => {
1111
}
1212
};
1313

14-
export const postWarningUser = async (id: string) => {
14+
export const postWarningUser = async (id: number) => {
1515
try {
1616
await httpClient.post(`/warning/${id}`);
1717
} catch (e) {

‎src/api/customerService.api.ts‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,17 @@ export const getNotice = async (params: NoticeSearch) => {
2929
}
3030
};
3131

32+
export const getNoticePreview = async () => {
33+
try {
34+
const response = await httpClient.get<ApiNotice>(`/notice`);
35+
36+
return response.data.data;
37+
} catch (e) {
38+
console.error(e);
39+
throw e;
40+
}
41+
};
42+
3243
export const getNoticeDetail = async (id: string) => {
3344
try {
3445
const response = await httpClient.get<ApiNoticeDetail>(`/notice/${id}`);

‎src/api/report.api.ts‎

Lines changed: 1 addition & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { type ApiAllReports, type ApiPostContent } from '../models/report';
1+
import type { ApiPostContent } from '../models/report';
22
import { httpClient } from './http.api';
33

44
export const postReport = async (formData: ApiPostContent) => {
@@ -13,13 +13,3 @@ export const postReport = async (formData: ApiPostContent) => {
1313
throw error;
1414
}
1515
};
16-
17-
export const getAllReports = async () => {
18-
try {
19-
const response = await httpClient.get<ApiAllReports>(`/reports`);
20-
return response.data.data;
21-
} catch (e) {
22-
console.error(e);
23-
throw e;
24-
}
25-
};

‎src/components/admin/adminUserReport/AdminReportDetail.styled.ts‎

Lines changed: 144 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,144 @@
1+
import styled from 'styled-components';
2+
import { ScrollArea } from '../../common/header/Notification/Notification.styled';
3+
import { SpinnerContainer } from '../../user/mypage/Spinner.styled';
4+
import { Link } from 'react-router-dom';
5+
import Button from '../../common/Button/Button';
6+
7+
export const Container = styled.div`
8+
display: flex;
9+
flex-direction: column;
10+
margin: 8rem 0 auto;
11+
`;
12+
13+
export const Spinner = styled(SpinnerContainer)``;
14+
15+
export const Wrapper = styled.div`
16+
display: flex;
17+
flex-direction: column;
18+
align-items: center;
19+
`;
20+
21+
export const HeaderContainer = styled.div`
22+
width: 80%;
23+
height: 100px;
24+
display: flex;
25+
justify-content: space-around;
26+
align-items: center;
27+
border: 1px solid ${({ theme }) => theme.color.border};
28+
border-radius: ${({ theme }) => theme.borderRadius.primary};
29+
`;
30+
31+
export const UserContainer = styled.div`
32+
display: flex;
33+
flex-direction: column;
34+
align-items: center;
35+
`;
36+
37+
export const NickName = styled.p`
38+
font-size: 0.8rem;
39+
opacity: 40%;
40+
`;
41+
42+
export const Category = styled.p``;
43+
44+
export const Arrow = styled.div`
45+
width: 50px;
46+
height: 50px;
47+
position: relative;
48+
margin-bottom: 30px;
49+
50+
&::before,
51+
&::after {
52+
content: '';
53+
position: absolute;
54+
}
55+
56+
&::before {
57+
width: 45%;
58+
height: 45%;
59+
top: 59%;
60+
right: -10rem;
61+
border: 1.5px solid ${({ theme }) => theme.color.primary};
62+
border-right: 0;
63+
border-bottom: 0;
64+
transform: rotate(130deg);
65+
}
66+
67+
&::after {
68+
width: 24.3rem;
69+
height: 1px;
70+
top: 78%;
71+
left: -11rem;
72+
background-color: ${({ theme }) => theme.color.primary};
73+
transform-origin: 0 100%;
74+
transform: rotate(0deg);
75+
76+
}
77+
}
78+
`;
79+
80+
export const Date = styled.p`
81+
opacity: 60%;
82+
`;
83+
84+
export const ContentContainer = styled.div`
85+
width: 80%;
86+
height: 550px;
87+
display: flex;
88+
flex-direction: column;
89+
align-items: center;
90+
border: 1px solid ${({ theme }) => theme.color.border};
91+
border-radius: ${({ theme }) => theme.borderRadius.primary};
92+
margin-top: 30px;
93+
padding: 40px;
94+
`;
95+
96+
export const ContentHeader = styled.div`
97+
display: flex;
98+
flex-direction: column;
99+
justify-content: center;
100+
align-items: center;
101+
`;
102+
103+
export const Divider = styled.hr`
104+
width: 400px;
105+
height: 1px;
106+
margin: 20px 0 20px 0;
107+
opacity: 40%;
108+
`;
109+
110+
export const Scroll = styled(ScrollArea)`
111+
padding: 20px;
112+
`;
113+
114+
export const Content = styled.p`
115+
white-space: pre-wrap;
116+
`;
117+
118+
export const ConfirmContainer = styled.div`
119+
width: 80%;
120+
display: flex;
121+
justify-content: space-between;
122+
margin-top: 30px;
123+
`;
124+
125+
export const ConfirmArea = styled(Link)`
126+
display: flex;
127+
justify-content: flex-end;
128+
align-items: center;
129+
`;
130+
131+
export const ButtonArea = styled.div`
132+
display: flex;
133+
align-items: center;
134+
gap: 10px;
135+
margin-bottom: 10px;
136+
`;
137+
138+
export const WarningButton = styled(Button)`
139+
background-color: ${({ theme }) => theme.color.red};
140+
`;
141+
142+
export const BanButton = styled(Button)``;
143+
144+
export const ConfirmButton = styled(Button)``;

0 commit comments

Comments
 (0)