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}
))}