v1.0.1

src/components/algorithms/algorithms.tsx

@@ -3,6 +3,7 @@ import Header from "./item/headerPresenter";
 import { AlgorithmsProps } from "./algorithmsContainer";
 
 const Algorithms: React.FC<AlgorithmsProps> = (p: AlgorithmsProps) => {
+  console.log(p.data.reason);
   return (
     <article className={style.algorithmsBox}>
       <Header
@@ -16,6 +17,20 @@ const Algorithms: React.FC<AlgorithmsProps> = (p: AlgorithmsProps) => {
       />
       <h4>{p.data.title}</h4>
       <p>{p.data.content}</p>
+      {
+        {
+          REJECTED: (
+            <>
+              <h4>거절 사유</h4> <p>{p.data.reason}</p>
+            </>
+          ),
+          DELETED: (
+            <>
+              <h4>신고 사유</h4> <p>{p.data.reason}</p>
+            </>
+          ),
+        }[p.data.status]
+      }
     </article>
   );
 };

src/components/algorithms/item/headerContainer.tsx

@@ -14,5 +14,7 @@ export const getDate = (timestamp: number): string => {
   if (date.getHours() < 7) time = "새벽";
   else if (date.getHours() < 12) time = "오전";
   else time = "오후";
-  return `${date.getFullYear()}년 ${date.getMonth()}월 ${date.getDate()}일 ${time}`;
+  return `${date.getFullYear()}년 ${
+    date.getMonth() + 1
+  }월 ${date.getDate()}일 ${time}`;
 };

src/components/algorithms/style.module.scss

@@ -10,6 +10,11 @@
     font-weight: 700;
     margin: 10px 0;
   }
+  p {
+    line-height: 25px;
+    white-space: pre-wrap;
+    word-break: break-all;
+  }
   @media (max-width: c.$laptop) {
     width: calc(100vw - 40px);
   }

src/components/descriptions/descContainer.tsx

@@ -112,7 +112,7 @@ export const descRule = () => {
         및 익명성 보장을 목적으로 한다.
         <h2 className={s.title}>제 2조 게시글</h2>
         <h3 className={s.title}>게시에 관한 규칙 제 1항:</h3>
-        <p className={s.answer}>
+        <article className={s.answer}>
           <span>
             다음과 같은 게시물의 경우 반려 처리가 되거나, 삭제가 될 수 있다.
           </span>
@@ -149,15 +149,16 @@ export const descRule = () => {
             12. 관리자의 판단 아래, 반절 이상의 관리자들이 문제가 있다고 판단한
             경우
           </h4>
-        </p>
+          <h4 className={s.bold}>13. 도배성 게시글일 경우</h4>
+        </article>
         <h3 className={s.title}>
           제 2항: 제 2조 1항 2호에 해당하는 게시글이 공익을 목적으로 하는 고발성
           제보일 경우,
           <br />
           <br />
           관리자들의 회의 아래 게시될 수 있다. 단 다음 기준들이 엄격히 적용된다.
         </h3>
-        <p className={s.answer}>
+        <article className={s.answer}>
           <h4 className={s.bold}>
             1. 실명 거론의 경우 초성처리나 블라인드 처리로 수정된다.
           </h4>
@@ -167,23 +168,23 @@ export const descRule = () => {
           <h4 className={s.bold}>3. 추측성 내용이 포함되어있으면 안된다.</h4>
           <h4 className={s.bold}>4. 사실만 포함되어 있어야 한다.</h4>
           <h4 className={s.bold}>5. 비약적인 논리 전개가 있으면 안된다.</h4>
-        </p>
+        </article>
         <h3 className={s.title}>
           제 3항: 이 외에 제 2조 1항의 기준에 해당되는 제보더라도,
           <br />
           <br />
           관리자의 재량으로 게시글이 게시될 수 있다. 단, 다음 기준들이 적용된다.
         </h3>
-        <p className={s.answer}>
+        <article className={s.answer}>
           <h4 className={s.bold}>
-            1. 홍보를 목적으로 하는 게시글일 경우, 디스코드 대나무 숲 서버를 통해
-            관리자에게 문의를 통해 사전 허가를 받아야 한다.
+            1. 홍보를 목적으로 하는 게시글일 경우, 디스코드 대나무 숲 서버를
+            통해 관리자에게 문의를 통해 사전 허가를 받아야 한다.
           </h4>
           <h4 className={s.bold}>
             2. 설문조사를 목적으로 하는 게시글일 경우, 디스코드 대나무 숲 서버를
             통해 관리자에게 문의를 통해 사전 허가를 받아야 한다.
           </h4>
-        </p>
+        </article>
         <h3 className={s.title}>
           제 3조 특정 이슈로 인한 과열에 관한 규칙 제 1항:
         </h3>

src/components/index/item/sidebarContainer.ts

@@ -54,7 +54,7 @@ export const useGetCount = () => {
   const [count, setCount] = useState<any>();
   useEffect(() => {
     RequestApi({
-      url: "https://ket73grkcf.execute-api.ap-northeast-2.amazonaws.com/apiV2/post/count",
+      url: process.env.NEXT_PUBLIC_APP_BASE_URLV2 + "/post/count",
     }).then((res: any) => setCount(res.data));
   }, []);
   return count;

src/components/modal/AlgorithmModal/AlgorithmModalPresenter.tsx

@@ -44,7 +44,7 @@ const AlgorithmModal: React.FC<algorithmModalProps> = (
   };
 
   const setStatusPost = (status: string) => {
-    Post.setStatusPost(p.algorithmId, status).then((res: any) => {
+    Post.setStatusPost(p.algorithmId, status, content).then((res: any) => {
       res.status === 200
         ? alert("성공적으로 상태가 변경되었습니다.")
         : alert("실패하였습니다.");

src/types/api.ts

@@ -16,6 +16,7 @@ export interface algorithm extends defaultAlgorithm {
   id: string;
   number: number;
   status: string;
+  reason?: string;
 }
 
 // create algorithm

src/utils/api/post.ts

@@ -90,10 +90,11 @@ class Post {
     }
   }
 
-  setStatusPost(id: string, status = "ACCEPTED") {
+  setStatusPost(id: string, status = "ACCEPTED", reason: string) {
     try {
       const data = {
         status,
+        reason,
       };
       return RequestApiV2({
         method: "POST",