fix: 화면 구성 수정

kmin-jeong · kmin-jeong · commit 453449eac6b4 · 2024-05-28T23:47:12.000+09:00
diff --git a/src/components/ui/adminSelection/answerSelection.scss b/src/components/ui/adminSelection/answerSelection.scss
@@ -180,13 +180,16 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 8px;
+  // padding: 8px;
   border-bottom: 1px solid #ccc;
   height: 3rem;
   span {
     flex: 1;
     text-align: center;
   }
+  .li {
+    padding-left: 15px;
+  }
 }
 
 .admin-btn-wrapper {
diff --git a/src/components/ui/adminSelection/answerSelection.tsx b/src/components/ui/adminSelection/answerSelection.tsx
@@ -9,6 +9,7 @@ import Portal from '../modal/portal';
 import AnswerModals from '../modal/AnswerModal';
 interface AdminAnswer {
   answerId: number;
+  questionId: number;
   answerContent: string;
   selection: string;
   answererNickname: string;
@@ -135,24 +136,30 @@ export default function AnswerSelection() {
             <ul>
               <li className="ad-answerResult-header">
                 <input type="checkbox" />
-                <span>번호</span>
+                {/* <span>번호</span> */}
+                <span>질문번호</span>
                 <span>답변번호</span>
                 <span>작성자</span>
                 <span>채택여부</span>
-                <span>댓글 내용</span>
                 <span>상태관리</span>
               </li>
               {answers.map((answers, index) => {
                 const itemNumber = index + 1 + currentPage * itemsPerPage;
+                console.log(itemNumber);
+                if (Boolean(answers.answerStatus) === true) {
+                  answers.answerStatus = '채택';
+                } else {
+                  answers.answerStatus = '미채택';
+                }
                 return (
                   <li key={answers.answerId} className="ad-answerResult-item">
                     <input type="checkbox" />
-                    <span>{itemNumber}</span>
+                    {/* <span>{itemNumber}</span> */}
+                    <span>{answers.questionId}</span>
                     <span>{answers.answerId}</span>
                     <span>{answers.answererNickname}</span>
                     <span>{answers.answerStatus}</span>
                     <span>{answers.selection}</span>
-                    <span>{answers.answerContent}</span>
                     <span onClick={open}>
                       <span className="ad-memberdetail">관리 변경</span>
                     </span>
diff --git a/src/components/ui/adminSelection/contactSelection.tsx b/src/components/ui/adminSelection/contactSelection.tsx
@@ -130,22 +130,21 @@ export default function ContactSelection() {
                 <input type="checkbox" />
                 <span>번호</span>
                 <span>작성자</span>
-                <span>내용</span>
                 <span>등록일</span>
                 <span>상태관리</span>
               </li>
               {inquries.map((inquries, index) => {
                 const itemNumber = index + 1 + currentPage * itemsPerPage;
+                console.log(itemNumber);
                 return (
                   <li
                     key={inquries.inquiryId}
                     className="ad-contactResult-item"
                   >
                     <input type="checkbox" />
-                    <span>{itemNumber}</span>
+                    {/* <span>{itemNumber}</span> */}
                     <span>{inquries.inquiryId}</span>
                     <span>{inquries.inquirerNickname}</span>
-                    <span>{inquries.inquiryContent}</span>
                     <span>{inquries.createdAt}</span>
                     <span onClick={() => {}}>
                       <span className="ad-contactdetail">관리 변경</span>
diff --git a/src/components/ui/adminSelection/reportAnswers.tsx b/src/components/ui/adminSelection/reportAnswers.tsx
@@ -9,6 +9,7 @@ import Portal from '../modal/portal';
 import ReAnswerModals from '../modal/ReanswerModal';
 
 interface Reports {
+  reportedNickname: string;
   reportId: number;
   reportContent: string;
   reportType: string;
@@ -158,6 +159,7 @@ export default function ReportAnswers() {
                     <input type="checkbox" />
                     <span>{itemNumber}</span>
                     <span>{reports.reportId}</span>
+                    <span>{reports.reportedNickname}</span>
                     <span>{reports.reporterNickname}</span>
                     <span>{reports.createdAt}</span>
                     <span onClick={open}>
diff --git a/src/components/ui/adminSelection/reportComments.tsx b/src/components/ui/adminSelection/reportComments.tsx
@@ -13,6 +13,7 @@ interface Reports {
   reportType: string;
   reportStatus: boolean;
   reporterNickname?: string;
+  reportedNickname?: string;
   questionId?: string;
   createdAt?: number;
 }
@@ -145,20 +146,22 @@ export default function ReportComments() {
                 <input type="checkbox" />
                 <span>질문번호</span>
                 <span>답변번호</span>
-                <span>댓글번호</span>
+                {/* <span>댓글번호</span> */}
                 <span>작성자</span>
                 <span>신고자</span>
                 <span>신고일</span>
                 <span>상태관리</span>
               </li>
               {reports.map((reports, index) => {
                 const itemNumber = index + 1 + currentPage * itemsPerPage;
+                console.log(itemNumber);
                 return (
                   <li key={reports.reportId} className="ad-reportResult-item">
                     <input type="checkbox" />
-                    <span>{itemNumber}</span>
+                    {/* <span>{itemNumber}</span> */}
                     <span>{reports.questionId}</span>
                     <span>{reports.reportId}</span>
+                    <span>{reports.reportedNickname}</span>
                     <span>{reports.reporterNickname}</span>
                     <span>{reports.createdAt}</span>
                     <span onClick={open}>
diff --git a/src/components/ui/adminSelection/reportQuestions.tsx b/src/components/ui/adminSelection/reportQuestions.tsx
@@ -13,6 +13,7 @@ interface Reports {
   reportType: string;
   reportStatus: boolean;
   reporterNickname?: string;
+  reportedNickname?: string;
   questionId?: string;
   createdAt?: number;
 }
@@ -151,11 +152,13 @@ export default function ReportQuestions() {
               </li>
               {reports.map((reports, index) => {
                 const itemNumber = index + 1 + currentPage * itemsPerPage;
+                console.log(itemNumber);
                 return (
                   <li key={reports.reportId} className="ad-reportResult-item">
                     <input type="checkbox" />
-                    <span>{itemNumber}</span>
+                    {/* <span>{itemNumber}</span> */}
                     <span>{reports.reportId}</span>
+                    <span>{reports.reportedNickname}</span>
                     <span>{reports.reporterNickname}</span>
                     <span>{reports.createdAt}</span>
                     <span onClick={open}>
