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