diff --git a/src/components/screens/FaqScreen.jsx b/src/components/screens/FaqScreen.jsx index 05824e8..35d705d 100644 --- a/src/components/screens/FaqScreen.jsx +++ b/src/components/screens/FaqScreen.jsx @@ -1,5 +1,7 @@ import { useState } from 'react'; -import { ChevronDown, ChevronUp, TypeOutline } from 'lucide-react'; +import { ChevronDown, ChevronUp, TypeOutline, ArrowLeft } from 'lucide-react'; +import { useDispatch } from 'react-redux'; +import { setActiveTab } from '../../store/slices/appSlice'; // FAQ 데이터 const faqData = { @@ -76,18 +78,6 @@ const faqData = { ], 고객지원: [ - { - id: 7, - title: '고객센터 운영시간은?', - content: - '평일 오전 9시부터 오후 6시까지 운영됩니다. 주말 및 공휴일은 휴무입니다.', - }, - { - id: 13, - title: '1:1 문의는 어떻게 하나요?', - content: - 'FAQ 하단의 “1:1 문의하기” 버튼을 클릭하면 문의 페이지로 이동합니다. 접수된 문의는 평균 24시간 이내 답변됩니다.', - }, { id: 14, title: '서비스 오류를 발견했어요.', @@ -100,7 +90,7 @@ const faqData = { content: '환경 기업, 단체와의 제휴를 환영합니다. contact@greenmap.com 으로 메일을 보내주시면 담당자가 확인 후 연락드립니다.', }, - + ], }; @@ -108,20 +98,21 @@ const faqData = { // 개별 FAQ 아이템 컴포넌트 function FaqItem({ faq, isOpen, onToggle }) { return ( +
- + > + {faq.title} + {isOpen ? ( + + ) : ( + + )} + {isOpen && ( @@ -134,7 +125,8 @@ function FaqItem({ faq, isOpen, onToggle }) { } // 메인 FAQ 페이지 -export default function FaqScreen() { +export default function FaqScreen({ onNavigate }) { + const dispatch = useDispatch(); const [selectedTab, setSelectedTab] = useState('인증'); const [openItemId, setOpenItemId] = useState(null); @@ -144,17 +136,38 @@ export default function FaqScreen() { setOpenItemId(openItemId === id ? null : id); }; + const handleGoBack = () => { + if (window.history.length > 1) { + window.history.back(); + return; + } + if (typeof onNavigate === 'function') { + onNavigate('home'); + return; + } + dispatch(setActiveTab('home')); + }; + return (
{/* 헤더 */} -
-

- FAQ & 고객지원 -

-

- 궁금하신 내용을 빠르게 찾아보세요 -

+
+ +
+

+ FAQ & 고객지원 +

+

+ 궁금하신 내용을 빠르게 찾아보세요 +

+
{/* 탭 메뉴 */} @@ -166,13 +179,12 @@ export default function FaqScreen() { setSelectedTab(tab); setOpenItemId(null); // 탭 변경시 열린 항목 초기화 }} - className={`flex-1 py-3 px-4 rounded-md font-medium transition ${ - selectedTab === tab - ? 'bg-lime-500 text-white' - : 'bg-white text-gray-600 hover:bg-gray-100' - }`} + className={`flex-1 py-3 px-4 rounded-md font-medium transition ${selectedTab === tab + ? 'bg-lime-500 text-white' + : 'bg-white text-gray-600 hover:bg-gray-100' + }`} > - {tab} + {tab} ))}