메인 faq 상세 팝업 컴포넌트 위치 수정

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>
         </>
       )) || (

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)
+                          setFaqOpen(true)
-                          setModalNoticeNo(row.noticeNo)
+                          setFaqModalNoticeNo(row.noticeNo)
                         }}
                       >
                         {row.title}