From 57a40f722305b0b3f030f85547a01ed13e9bff94 Mon Sep 17 00:00:00 2001
From: leeyongjae <dhfkdl26@interplug.co.kr>
Date: Fri, 10 Jan 2025 15:32:04 +0900
Subject: [PATCH] =?UTF-8?q?=EB=A9=94=EC=9D=B8=20faq=20=EB=AA=A9=EB=A1=9D?=
 =?UTF-8?q?=20=ED=83=80=EC=9D=B4=ED=8B=80=20=ED=81=B4=EB=A6=AD=20=EC=8B=9C?=
 =?UTF-8?q?,=20=EC=83=81=EC=84=B8=20=EB=AA=A8=EB=8B=AC=EC=B0=BD=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/main/MainContents.jsx | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/components/main/MainContents.jsx b/src/components/main/MainContents.jsx
index 5cc77d25..766d7efc 100644
--- a/src/components/main/MainContents.jsx
+++ b/src/components/main/MainContents.jsx
@@ -15,6 +15,8 @@ import { useMainContentsController } from '@/hooks/main/useMainContentsControlle
 import { QcastContext } from '@/app/QcastProvider'
 import { useSwal } from '@/hooks/useSwal'
 
+import BoardDetailModal from '../community/modal/BoardDetailModal'
+
 export default function MainContents() {
   const { swalFire } = useSwal()
 
@@ -87,6 +89,10 @@ 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">
@@ -143,6 +149,8 @@ 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 ? (
@@ -152,7 +160,16 @@ export default function MainContents() {
                   <li key={row.rowNumber} className="faq-item">
                     <div className="faq-item-inner">
                       <div className="faq-num pre">FAQ {row.totCnt - row.rowNumber + 1}</div>
-                      <div className="faq-title pre">{row.title}</div>
+                      <div
+                        className="faq-title pre"
+                        style={{ cursor: 'pointer' }}
+                        onClick={() => {
+                          setOpen(true)
+                          setModalNoticeNo(row.noticeNo)
+                        }}
+                      >
+                        {row.title}
+                      </div>
                       <div className="faq-day pre">{dayjs(row.regDt).format('YYYY.MM.DD')}</div>
                     </div>
                   </li>