From d2bde2c4ea9c9595f7bd6168881394159b2942a0 Mon Sep 17 00:00:00 2001
From: jhynsoo <jhynsoo@gmail.com>
Date: Tue, 13 Aug 2024 09:37:32 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=9E=90=EC=9C=A0=EA=B2=8C=EC=8B=9C?=
 =?UTF-8?q?=ED=8C=90=20=EC=A4=84=EB=B0=94=EA=BF=88=20=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../FreeboardDetail/FreeboardDetail.jsx       | 49 ++++---------------
 .../FreeboardDetail.module.css                |  4 +-
 2 files changed, 12 insertions(+), 41 deletions(-)

diff --git a/frontend/src/components/Article/FreeboardDetail/FreeboardDetail.jsx b/frontend/src/components/Article/FreeboardDetail/FreeboardDetail.jsx
index 4995867..540704e 100644
--- a/frontend/src/components/Article/FreeboardDetail/FreeboardDetail.jsx
+++ b/frontend/src/components/Article/FreeboardDetail/FreeboardDetail.jsx
@@ -1,11 +1,10 @@
-import BackIcon from '/src/assets/icons/back.svg?react';
-import { Link } from 'react-router-dom';
 import styles from './FreeboardDetail.module.css';
 import FreeboardCommentInput from './FreeDetailComments/FreeboardCommentInput';
 import FreeboardComment from './FreeDetailComments/FreeboardComment';
 import { useComments } from '../../../hooks/api/useComments';
 import { useCommentWrite } from '../../../hooks/api/useCommentWrite';
 import { useParams } from 'react-router-dom';
+import ArticleDetail from '../ArticleDetail/ArticleDetail';
 
 export default function FreeboardDetail({ topic, title, author, content, onDelete, isMine }) {
   const { freeboardId } = useParams();
@@ -20,43 +19,15 @@ export default function FreeboardDetail({ topic, title, author, content, onDelet
 
   return (
     <div className={styles.freeboardDetail}>
-      <header className={styles.header}>
-        <div className={styles.headerInside}>
-          <Link
-            to={'..'}
-            className={styles.goBack}
-          >
-            <BackIcon />
-            <span>{topic}</span>
-          </Link>
-          <div>
-            <h1 className={styles.title}>{title}</h1>
-            {author && <span className={styles.author}>{author}</span>}
-          </div>
-        </div>
-        {isMine && (
-          <div className={styles.actionGroup}>
-            <Link
-              to="edit"
-              className={styles.edit}
-              state={{ title: title, content: content }}
-            >
-              수정
-            </Link>
-            <button
-              type="button"
-              className={styles.delete}
-              onClick={onDelete}
-            >
-              <div>삭제</div>
-            </button>
-          </div>
-        )}
-      </header>
-      <div>
-        <p className={styles.content}>{content}</p>
-      </div>
-
+      <ArticleDetail
+        topic={topic}
+        title={title}
+        author={author}
+        content={content}
+        onDelete={onDelete}
+        isQna={false}
+        isMine={isMine}
+      />
       {comments && (
         <div className={styles.commentWrapper}>
           {comments.map((comment) => (
diff --git a/frontend/src/components/Article/FreeboardDetail/FreeboardDetail.module.css b/frontend/src/components/Article/FreeboardDetail/FreeboardDetail.module.css
index 5391d53..54078e5 100644
--- a/frontend/src/components/Article/FreeboardDetail/FreeboardDetail.module.css
+++ b/frontend/src/components/Article/FreeboardDetail/FreeboardDetail.module.css
@@ -9,7 +9,7 @@
   margin: 0;
   padding: 0;
 }
-
+/* 
 .header {
   display: flex;
   justify-content: space-between;
@@ -113,7 +113,7 @@
 
 .delete {
   color: var(--error-color);
-}
+} */
 
 .commentWrapper {
   display: flex;