diff --git a/src/components/faq/faqItems.tsx b/src/components/faq/faqItems.tsx index d786662..f920e5a 100644 --- a/src/components/faq/faqItems.tsx +++ b/src/components/faq/faqItems.tsx @@ -2,7 +2,11 @@ import { useState } from "react"; import { useTranslation } from "next-i18next"; import myStyles from "@/styles/faq.module.css"; -function FAQItems(props: { question: string; answer: string }) { +function FAQItems(props: { + question: string; + answer: string; + //faqStyle: string; +}) { const { t } = useTranslation("common"); const [showAns, setShowAns] = useState(false); diff --git a/src/pages/faq.tsx b/src/pages/faq.tsx index c248440..56ac96a 100644 --- a/src/pages/faq.tsx +++ b/src/pages/faq.tsx @@ -1,3 +1,4 @@ +import { useState } from "react"; import { useTranslation } from "next-i18next"; import { serverSideTranslations } from "next-i18next/serverSideTranslations"; import myStyles from "@/styles/faq.module.css"; @@ -7,9 +8,22 @@ import { getFaqData } from "contents"; function FAQPage() { const { t } = useTranslation("common"); + //const [showAnsIndex, setShowAnsIndex] = useState(null); + //const clickHandler = () => setShowAnsIndex(); + + //const faqBlockStyles = showAns ? myStyles.faq_showAns : myStyles.faq_hideAns; + //const answerTextStyles = showAns ? myStyles.showAnswer : myStyles.hideAnswer; + const faqData = getFaqData(); const faqList = faqData.map((v) => { - return ; + return ( + + ); }); return ( diff --git a/src/styles/technology.module.css b/src/styles/technology.module.css index 7f362a4..16a5cc6 100644 --- a/src/styles/technology.module.css +++ b/src/styles/technology.module.css @@ -6,7 +6,7 @@ } .tech_main_container h1 { - font: normal normal medium 36px/58px Noto Sans TC; + font: normal normal 36px/58px Noto Sans TC; color: #3a3b4d; }