From 1edcdb84dc72453a094406b6279639a52d71479b Mon Sep 17 00:00:00 2001
From: LEEYONGJAE <dhfkdl26@interplug.co.kr>
Date: Tue, 4 Feb 2025 10:19:37 +0900
Subject: [PATCH] =?UTF-8?q?=EB=A9=94=EC=9D=B8=20faq=20=EC=83=81=EC=84=B8?=
 =?UTF-8?q?=20=ED=8C=9D=EC=97=85=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20?=
 =?UTF-8?q?=EC=9C=84=EC=B9=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Main.jsx              |  9 ++++++++-
 src/components/main/MainContents.jsx | 12 +++---------
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/components/Main.jsx b/src/components/Main.jsx
index cbdea01d..520014b1 100644
--- a/src/components/Main.jsx
+++ b/src/components/Main.jsx
@@ -13,6 +13,8 @@ import { QcastContext } from '@/app/QcastProvider'
 import { sessionStore } from '@/store/commonAtom'
 import { isObjectNotEmpty } from '@/util/common-utils'
 
+import BoardDetailModal from './community/modal/BoardDetailModal'
+
 export default function MainPage() {
   const [sessionState, setSessionState] = useRecoilState(sessionStore)
   const [chagePasswordPopOpen, setChagePasswordPopOpen] = useState(false)
@@ -79,8 +81,13 @@ export default function MainPage() {
     }
   }, [sessionState])
 
+  // FAQ 팝업 관련
+  const [open, setOpen] = useState(false)
+  const [modalNoticeNo, setModalNoticeNo] = useState('')
+
   return (
     <>
+      {open && <BoardDetailModal noticeNo={modalNoticeNo} setOpen={setOpen} />}
       {(!chagePasswordPopOpen && (
         <>
           <div className="background-bord"></div>
@@ -120,7 +127,7 @@ export default function MainPage() {
                 <button className="search-icon" onClick={handleOnSubmit}></button>
               </div>
             </div>
-            <MainContents />
+            <MainContents setFaqOpen={setOpen} setFaqModalNoticeNo={setModalNoticeNo} />
           </div>
         </>
       )) || (
diff --git a/src/components/main/MainContents.jsx b/src/components/main/MainContents.jsx
index 3c1e184b..2985484e 100644
--- a/src/components/main/MainContents.jsx
+++ b/src/components/main/MainContents.jsx
@@ -14,10 +14,9 @@ import { useMainContentsController } from '@/hooks/main/useMainContentsControlle
 import { QcastContext } from '@/app/QcastProvider'
 import { useSwal } from '@/hooks/useSwal'
 
-import BoardDetailModal from '../community/modal/BoardDetailModal'
 import { handleFileDown } from '@/util/board-utils'
 
-export default function MainContents() {
+export default function MainContents({ setFaqOpen, setFaqModalNoticeNo }) {
   const { swalFire } = useSwal()
 
   const { getMessage } = useMessage()
@@ -116,10 +115,6 @@ export default function MainContents() {
     }
   }
 
-  // FAQ 팝업 관련
-  const [open, setOpen] = useState(false)
-  const [modalNoticeNo, setModalNoticeNo] = useState('')
-
   return (
     <div className="main-product-list-wrap">
       <div className="main-product-list">
@@ -178,7 +173,6 @@ export default function MainContents() {
         </ProductItem>
       </div>
 
-      {open && <BoardDetailModal noticeNo={modalNoticeNo} setOpen={setOpen} />}
       <div className="main-product-list">
         <ProductItem num={3} name={getMessage('main.faq')}>
           {recentFaqList.length > 0 ? (
@@ -192,8 +186,8 @@ export default function MainContents() {
                         className="faq-title pre"
                         style={{ cursor: 'pointer' }}
                         onClick={() => {
-                          setOpen(true)
-                          setModalNoticeNo(row.noticeNo)
+                          setFaqOpen(true)
+                          setFaqModalNoticeNo(row.noticeNo)
                         }}
                       >
                         {row.title}