diff --git a/src/components/FAQs/FAQsData.ts b/src/components/FAQs/FAQsData.ts new file mode 100644 index 0000000..54fcba5 --- /dev/null +++ b/src/components/FAQs/FAQsData.ts @@ -0,0 +1,122 @@ +import type { Props as TextBoxProps } from "./TextBox.astro"; + +export const FAQsThai: TextBoxProps[] = [ + { + question: "จุฬาฯ จะจัด Open House วันไหน?", + answer: + "งาน CU Open House 2024 ของส่วนกลางจะจัดขึ้นในวันที่ 20 - 21 มกราคม 2567 ที่จุฬาลงกรณ์มหาวิทยาลัย (ภายในศาลาพระเกี้ยว) โดยมี 8 คณะ 1 สำนักวิชา 1 สถาบัน จัดงาน Open House ที่คณะ แต่ส่วนกลาง", + }, + { + question: "ในงานมีกิจกรรมอะไรบ้าง", + answer: + "ภายในศาลาพระเกี้ยวจะมีเวทีกลางที่เต็มไปด้วยกิจกรรมต่าง ๆ ไม่ว่าจะเป็นการแสดง กิจกรรม Talk Show โดยมีวิทยากรศิษย์เก่าชื่อดังมาร่วมพูดคุยด้วย นอกจากนี้ยังมีซุ้มกิจกรรมจากทุกคณะที่รอให้ผู้เข้าร่วมงานทุกคนมาเยี่ยมชม สำหรับข้อมูลกิจกรรม OPH ของแต่ละคณะ รอติดตามรายละเอียดเพิ่มเติมจาก IG ของแต่ละคณะ", + }, + { + question: "กิจกรรมทั้งสองวันเหมือนกันไหม", + answer: + "กิจกรรมแนะนำคณะต่าง ๆ จะเหมือนกันทั้ง 2 วัน แต่ในส่วนของกิจกรรมพิเศษบางอย่าง จะแตกต่างกันออกไปในแต่ละวัน ทั้งนี้ สามารถดูเพิ่มเติมได้ในหน้ากิจกรรม", + }, + { + question: "จำเป็นต้องไปทั้งสองวันไหม", + answer: "สามารถเลือกมาวันใดวันหนึ่งก็ได้ หรือจะเข้ามาทั้งสองวันก็ได้", + }, + { + question: "จำกัดระดับชั้นผู้เข้าร่วมงานไหม?", + answer: + "ไม่จำกัดระดับชั้น สามารถเข้าเยี่ยมชมได้ทุกคน นอกจากนี้ ผู้ปกครองก็สามารถเข้าเยี่ยมชมได้ด้วยนะ", + }, + { + question: "เข้าร่วมกิจกรรมแล้วได้เกียรติบัตรไหม?", + answer: "กิจกรรมของส่วนกลางไม่มีเกียรติบัตร", + }, + { + question: "มีงานในส่วนออนไลน์ไหม", + answer: + "งานส่วนกลางภายในศาลาพระเกี้ยวจะมีการถ่ายทอดสดเวทีกลางผ่านทางช่องทางประชาสัมพันธ์ออนไลน์ (Facebook)", + }, + { + question: "วันงานต้องแต่งตัวยังไง", + answer: + "สามารถใส่ชุดนักเรียน ชุดสุภาพ หรือชุดที่เหมาะสำหรับทำกิจกรรมต่าง ๆ ภายในงานและ workshop ที่เข้าร่วม", + }, + { + question: "จำเป็นต้องลงทะเบียนหรือไม่? ใครต้องลงทะเบียนบ้าง?", + answer: + "ทุกคนต้องลงทะเบียน ถ้าผู้ปกครองไปกับนักเรียนสามารถใช้ของนักเรียนคนเดียวได้", + }, + { + question: "เปิดให้ลงทะเบียนตอนไหน? มีปิดลงทะเบียนไหม?", + answer: + "จะมีการเริ่มลงทะเบียนผ่านทางเว็บไซต์ได้ตั้งแต่วันที่ 6 มกราคม 2567 เป็นต้นไปจนถึงวันงาน โดยไม่มีการปิดลงทะเบียน", + }, + { + question: "สามารถไปลงทะเบียนหน้างานที่ศาลาพระเกี้ยวได้มั้ย?", + answer: + "เบื้องต้นสามารถลงทะเบียน Walk-In ที่ศาลาพระเกี้ยวได้แต่อย่างไรก็ตามยังคงแนะนำให้มีการลงทะเบียนไปก่อนถึงวันงานเพื่อความสะดวกยิ่งขึ้น", + }, + { + question: "ถ้าลงทะเบียนไปแล้ว เราต้องไปทำอะไรหน้างานบ้าง", + answer: + "เมื่อลงทะเบียนแล้วจะได้รับ QR Code แล้วสามารถนำ QR Code ตัวนี้ไปยื่นได้ทุกคณะ รวมถึงการเข้าร่วมงานของส่วนกลางที่บริเวณศาลาพระเกี้ยวด้วย", + }, +]; +export const FAQsEng: TextBoxProps[] = [ + { + question: "When is Chulalongkorn University's Open House scheduled?", + answer: + "Chulalongkorn University's Open House is set for January 20-21, 2024, at Sala Phra Kiew. Additionally, on the same days, eight faculties and two schools within the university will also be hosting their respective Open House events.", + }, + { + question: "What activities can I expect at CU Open House 2024?", + answer: + "CU Open House 2024, held at Sala Phra Kiew, will feature a diverse range of activities. You can enjoy performances, talk with distinguished CU alumni, and more various interactive events. Moreover, each faculty and school will be showcasing their curriculum. For specific details about each faculty's activities, please refer to their respective Instagram accounts.", + }, + { + question: "Are the activities the same on both days?", + answer: + "There will be a faculty advising session on both days. However, special activities vary on each day. Please check for more information on the activity page.", + }, + { + question: "Is it necessary to attend both days?", + answer: "You're welcome to join either day, or both if you'd like.", + }, + { + question: "Can students from any grade attend Open House?", + answer: + "Absolutely! Our Open House welcomes students from all grades. Parents are also invited to join the event.", + }, + { + question: "Will I receive a certificate for attending CU Open House?", + answer: "No, certificates will not be provided for participants.", + }, + { + question: "Are there online activities?", + answer: + "Yes, you can catch a live broadcast from the main stage at Sala Phra Kiew.", + }, + { + question: "Is there any dress code?", + answer: + "No. A uniform is not mandatory. You’re free to wear anything you feel comfortable with, or anything suitable for the event or the workshop you’ve registered for.", + }, + { + question: "Is registering necessary? Who needs to register?", + answer: + "Yes, everyone must register. If a student is accompanied by their parents, only the student needs to register.", + }, + { + question: "When will registration be available?", + answer: + "Registration opens on our main website from January 6, 2024, with no closing date.", + }, + { + question: "Is online registration necessary before the Open House day?", + answer: + "Walk-in registration is available on the event day, but it's highly recommended to complete it ahead of time.", + }, + { + question: "I have already registered, what's the next step?", + answer: + "After registering, each student will receive their own QR code. This QR code serves as a pass for visiting all faculties, schools, and Sala Phra Kiew. Simply show the QR code to the staff at the front table.", + }, +]; diff --git a/src/components/FAQs/TextBox.astro b/src/components/FAQs/TextBox.astro new file mode 100644 index 0000000..2aff67c --- /dev/null +++ b/src/components/FAQs/TextBox.astro @@ -0,0 +1,18 @@ +--- +export interface Props { + question: string; + answer: string; +} + +const { question, answer } = Astro.props; +--- + +
+ Q: + {question} +
+ A: + {answer} +
diff --git a/src/components/Faqs/Faq.tsx b/src/components/Faqs/Faq.tsx deleted file mode 100644 index dcc8b3c..0000000 --- a/src/components/Faqs/Faq.tsx +++ /dev/null @@ -1,92 +0,0 @@ -import { useState } from "react"; -import TextBox from "./TextBox"; -export interface FaqsBox { - textThaiQ: string; - textThaiA: string; - textEngQ: string; - textEngA: string; -} -const faqsBoxes: FaqsBox[] = [ - { - textThaiQ: "Q : จุฬาฯ จะจัด Open House วันไหน?", - textThaiA: - "A : งาน CU Open House 2024 ของส่วนกลางจะจัดขึ้นในวันที่ 20 - 21 มกราคม 2567 ที่จุฬาลงกรณ์มหาวิทยาลัย (ภายในศาลาพระเกี้ยว) โดยมี 8 คณะ 1 สำนักวิชา 1 สถาบัน จัดงาน Open House ที่คณะ", - textEngQ: "Q: When is Chulalongkorn University's Open House scheduled?", - textEngA: - "A: Chulalongkorn University's Open House is set for January 20-21, 2024, at Sala Phra Kiew. Additionally, on the same days, eight faculties and two schools within the university will also be hosting their respective Open House events.", - }, - { - textThaiQ: "Q : ในงานมีกิจกรรมอะไรบ้าง?", - textEngQ: "Q: What activities can I expect at CU Open House 2024?", - textThaiA: - "A : ภายในศาลาพระเกี้ยวจะมีเวทีกลางที่เต็มไปด้วยกิจกรรมต่าง ๆ ไม่ว่าจะเป็นการแสดง กิจกรรม Talk Show โดยมีวิทยากรศิษย์เก่าชื่อดังมาร่วมพูดคุยด้วย นอกจากนี้ยังมีซุ้มกิจกรรมจากทุกคณะที่รอให้ผู้เข้าร่วมงานทุกคนมาเยี่ยมชม สำหรับข้อมูลกิจกรรม OPH ของแต่ละคณะ รอติดตามรายละเอียดเพิ่มเติมจาก IG ของแต่ละคณะ", - textEngA: - "A: CU Open House 2024, held at Sala Phra Kiew, will feature a diverse range of activities. You can enjoy performances, talk with distinguished CU alumni, and more various interactive events. Moreover, each faculty and school will be showcasing their curriculum. For specific details about each faculty's activities, please refer to their respective Instagram accounts..", - }, - { - textThaiQ: "Q : กิจกรรมทั้งสองวันเหมือนกันไหม?", - textEngQ: "Q: Are the activities the same on both days?", - textThaiA: - "A : กิจกรรมแนะนำคณะต่าง ๆ จะเหมือนกันทั้ง 2 วัน แต่ในส่วนของกิจกรรมพิเศษบางอย่าง จะแตกต่างกันออกไปในแต่ละวัน ทั้งนี้ สามารถดูเพิ่มเติมได้ในหน้ากิจกรรม", - textEngA: - "A: There will be a faculty advising session on both days. However, special activities vary on each day. Please check for more information on the activity page.", - }, - { - textThaiQ: "Q : จำเป็นต้องไปทั้งสองวันไหม?", - textEngQ: "Q: Is it necessary to attend both days?", - textThaiA: - "A : สามารถเลือกมาวันใดวันหนึ่งก็ได้ หรือจะเข้ามาทั้งสองวันก็ได้", - textEngA: "A: You're welcome to join either day, or both if you'd like.", - }, - { - textThaiQ: "Q : เข้าร่วมกิจกรรมแล้วได้เกียรติบัตรไหม?", - textEngQ: "Q: Will I receive a certificate for attending CU Open House?", - textThaiA: "A : กิจกรรมของส่วนกลางไม่มีเกียรติบัตร", - textEngA: "A: No, certificates will not be provided for participants.", - }, -]; -const Faq = () => { - const [language, setLanguage] = useState(true); - return ( -
-
- - -
-
- {faqsBoxes.map((e: FaqsBox) => { - return ( - - ); - })} -
-
- ); -}; -export default Faq; diff --git a/src/components/Faqs/TextBox.tsx b/src/components/Faqs/TextBox.tsx deleted file mode 100644 index 55e3d24..0000000 --- a/src/components/Faqs/TextBox.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import type { FaqsBox } from "./Faq"; -interface Text extends FaqsBox { - language: boolean; -} -export const TextBox = (props: Text) => { - return ( -
- {props.language ? props.textThaiQ : props.textEngQ}
- {props.language ? props.textThaiA : props.textEngA} -
- ); -}; -export default TextBox; diff --git a/src/pages/faqs.astro b/src/pages/faqs.astro deleted file mode 100644 index 95a817e..0000000 --- a/src/pages/faqs.astro +++ /dev/null @@ -1,15 +0,0 @@ ---- -import BaseLayout from "@/layouts/BaseLayout.astro"; -import Faq from "@/components/Faqs/Faq"; ---- - - -
-

FAQs

-

รวมข้อมูลเกี่ยวกับงาน

-
-
- - diff --git a/src/pages/faqs/en.astro b/src/pages/faqs/en.astro new file mode 100644 index 0000000..1c669df --- /dev/null +++ b/src/pages/faqs/en.astro @@ -0,0 +1,45 @@ +--- +import BaseLayout from "@/layouts/BaseLayout.astro"; +import TextBox from "@/components/FAQs/TextBox.astro"; +import type { Props as TextBoxProps } from "@/components/FAQs/TextBox.astro"; +import { FAQsEng } from "@/components/FAQs/FAQsData"; +--- + + +
+

FAQs

+

รวมข้อมูลเกี่ยวกับงาน

+
+
+
+
+ + TH + + + EN + +
+
+ { + FAQsEng.map(({ question, answer }: TextBoxProps) => { + return ; + }) + } +
+
+ diff --git a/src/pages/faqs/index.astro b/src/pages/faqs/index.astro new file mode 100644 index 0000000..018b049 --- /dev/null +++ b/src/pages/faqs/index.astro @@ -0,0 +1,45 @@ +--- +import BaseLayout from "@/layouts/BaseLayout.astro"; +import TextBox from "@/components/FAQs/TextBox.astro"; +import type { Props as TextBoxProps } from "@/components/FAQs/TextBox.astro"; +import { FAQsThai } from "@/components/FAQs/FAQsData"; +--- + + +
+

FAQs

+

รวมข้อมูลเกี่ยวกับงาน

+
+
+
+
+ + TH + + + EN + +
+
+ { + FAQsThai.map(({ question, answer }: TextBoxProps) => { + return ; + }) + } +
+
+