Update Timeline and Details

src/core/components/googleButton.component.tsx

@@ -39,7 +39,7 @@ const GoogleButtonComponent: React.FC<ButtonProps> = props => {
     const initGoogleButton = async () => {
       const _window = window as typeof window & { google: any }
       _window.google.accounts.id.initialize({
-        client_id: "774746738859-09mup9bt2u45rd37c089em47khe4hcae.apps.googleusercontent.com",
+        client_id: "401297478218-63kfjjgfplefqigtcmb1mdfmgnr7ev2s.apps.googleusercontent.com",
         callback: handleCallback
       })
       _window.google.accounts.id.renderButton(document.getElementById("google_signin"), {

src/core/components/personalInfo/misc.component.tsx

@@ -29,7 +29,7 @@ const PersonalMiscComponent = () => {
           คำถามเพิ่มเติม
         </Typography>
         <Typography variant="body2" className={`${classes.subtitle}`}>
-          หากน้องผ่านการคัดเลือก น้องสะดวกมาสัมภาษณ์วันที่ 19 ตุลาคม 2567 ที่คณะวิศวฯ จุฬาฯ หรือไม่?
+          หากน้องผ่านการคัดเลือก น้องสะดวกมาสัมภาษณ์วันที่ 18 ตุลาคม 2568 ที่คณะวิศวฯ จุฬาฯ หรือไม่?
         </Typography>
         <Grid container spacing={2}>
           <Grid item xs={12} sm={5} md={4}>

src/core/constants/announcements.constant.tsx

@@ -8,9 +8,9 @@ interface AnnouncementConstant {
 }
 
 export const announcementConstant: AnnouncementConstant[] = [
-  {
-    severity: "warning",
-    variant: "standard",
-    content: <>ขยายช่วงวันแก้ไขเอกสาร จากวันที่ 30 กันยายน เป็น วันที่ 4 ตุลาคม แทนนะครับ</>
-  }
+  // {
+  //   severity: "warning",
+  //   variant: "standard",
+  //   content: <>ขยายช่วงวันแก้ไขเอกสาร จากวันที่ 30 กันยายน เป็น วันที่ 4 ตุลาคม แทนนะครับ</>
+  // }
 ]

src/core/constants/stepCard.constant.tsx

@@ -45,7 +45,7 @@ const stepCardConstant: StepCardModel = {
         contents: (
           <>
             พี่ ๆ ได้แจ้งรายละเอียดที่ต้องแก้ไขไว้ที่หน้าแก้ไขเอกสารแล้ว ขอให้น้องแก้ไขเอกสารการสมัครและยืนยันการสมัครอีกครั้ง
-            <span style={{ fontWeight: 500, color: "#941014" }}>ภายในวันที่ 4 ตุลาคม 2567 เวลา 22:00 น.</span>
+            <span style={{ fontWeight: 500, color: "#941014" }}>ภายในวันที่ 3 ตุลาคม 2568 เวลา 22:00 น.</span>
           </>
         ),
         primaryButton: {
@@ -63,7 +63,7 @@ const stepCardConstant: StepCardModel = {
             เอกสารที่แนบมา <span style={{ color: "#39B774" }}>ถูกต้อง</span>
           </>
         ),
-        contents: "เอกสารของน้องได้รับการตรวจสอบเรียบร้อยแล้ว รอติดตามรายชื่อผู้มีสิทธิ์สัมภาษณ์ในวันที่ 9 ตุลาคม 2567 ได้เลย !!"
+        contents: "เอกสารของน้องได้รับการตรวจสอบเรียบร้อยแล้ว รอติดตามรายชื่อผู้มีสิทธิ์สัมภาษณ์ในวันที่ 8 ตุลาคม 2568 ได้เลย !!"
       },
       false: {
         title: "เอกสารไม่ผ่านตามข้อกำหนด",
@@ -77,14 +77,14 @@ const stepCardConstant: StepCardModel = {
       true: {
         title: "ตรวจสอบสิทธิ์สัมภาษณ์",
         contents:
-          "การสมัครเสร็จสิ้น !! ขอขอบคุณน้อง ๆ ที่ให้ความสนใจในค่ายลานเกียร์ของเรา ตั้งตารอติดตามรายชื่อผู้มีสิทธิ์สัมภาษณ์ในวันที่ 9 ตุลาคม 2567 ได้เลย !!"
+          "การสมัครเสร็จสิ้น !! ขอขอบคุณน้อง ๆ ที่ให้ความสนใจในค่ายลานเกียร์ของเรา ตั้งตารอติดตามรายชื่อผู้มีสิทธิ์สัมภาษณ์ในวันที่ 8 ตุลาคม 2568 ได้เลย !!"
       }
     },
     inProgress: {
       true: {
         title: "ตรวจสอบสิทธิ์สัมภาษณ์",
         contents:
-          "การสมัครเสร็จสิ้น !! ขอขอบคุณน้อง ๆ ที่ให้ความสนใจในค่ายลานเกียร์ของเรา ตั้งตารอติดตามรายชื่อผู้มีสิทธิ์สัมภาษณ์ในวันที่ 9 ตุลาคม 2567 ได้เลย !!"
+          "การสมัครเสร็จสิ้น !! ขอขอบคุณน้อง ๆ ที่ให้ความสนใจในค่ายลานเกียร์ของเรา ตั้งตารอติดตามรายชื่อผู้มีสิทธิ์สัมภาษณ์ในวันที่ 8 ตุลาคม 2568 ได้เลย !!"
       }
     },
     complete: {
@@ -95,7 +95,7 @@ const stepCardConstant: StepCardModel = {
           </>
         ),
         contents:
-          "ขอแสดงความยินดี !! น้องเป็นหนึ่งในผู้มีสิทธิ์สัมภาษณ์ เตรียมตัวได้พบปะพูดคุยกับพี่ ๆ ผู้สัมภาษณ์สุดน่ารักและใจดีในวันที่ 19 ตุลาคม 2567 ณ คณะวิศวกรรมศาสตร์ จุฬาลงกรณ์มหาวิทยาลัย สำหรับน้อง ๆ กรุงเทพฯ และปริมณฑล หรือ สัมภาษณ์ผ่านทางซูมสำหรับน้อง ๆ ต่างจังหวัด ได้เลย !!"
+          "ขอแสดงความยินดี !! น้องเป็นหนึ่งในผู้มีสิทธิ์สัมภาษณ์ เตรียมตัวได้พบปะพูดคุยกับพี่ ๆ ผู้สัมภาษณ์สุดน่ารักและใจดีในวันที่ 18 ตุลาคม 2568 ณ คณะวิศวกรรมศาสตร์ จุฬาลงกรณ์มหาวิทยาลัย สำหรับน้อง ๆ กรุงเทพฯ และปริมณฑล หรือ สัมภาษณ์ผ่านทางซูมสำหรับน้อง ๆ ต่างจังหวัด ได้เลย !!"
       },
       false: {
         title: (
@@ -206,7 +206,7 @@ const stepCardConstant: StepCardModel = {
         contents: (
           <>
             ขอแสดงความยินดี !! น้องเป็นหนึ่งในผู้มีสิทธิ์เข้าร่วมค่ายลานเกียร์ ครั้งที่ {process.env.REACT_APP_CAMP_YEAR} แต่ใด ๆ ก็ตาม
-            อย่าลืมชำระค่าสนับสนุนกิจกรรมเป็นจำนวน 750 บาท <span style={{ fontWeight: 500, color: "#941014" }}>ภายในวันที่ 10 พฤศจิกายน 2567</span>{" "}
+            อย่าลืมชำระค่าสนับสนุนกิจกรรมเป็นจำนวน 750 บาท <span style={{ fontWeight: 500, color: "#941014" }}>ภายในวันที่ 11 พฤศจิกายน 2568</span>{" "}
             เพื่อยืนยันสิทธิ์การเข้าร่วมค่ายด้วยหล่ะ !!
             <div style={{ marginTop: "0.75rem" }}>
               (หมายเหตุ หากน้องมีความประสงค์จะขอสละสิทธิ์ สามารถขอสละสิทธิ์ได้ โดยทำการแจ้งชื่อ นามสกุลและรหัส LG ผ่านทางเฟซบุ๊กเพจ LarnGear Camp)
@@ -229,7 +229,7 @@ const stepCardConstant: StepCardModel = {
     incomplete: {
       true: {
         title: "ชำระค่าใช้จ่าย",
-        contents: "อย่าลืมชำระค่าสนับสนุนกิจกรรมเป็นจำนวน 750 บาท ก่อนวันที่ 10 พฤศจิกายน 2567 เพื่อยืนยันสิทธิ์การเข้าร่วมค่ายด้วยล่ะ !!"
+        contents: "อย่าลืมชำระค่าสนับสนุนกิจกรรมเป็นจำนวน 750 บาท ก่อนวันที่ 11 พฤศจิกายน 2568 เพื่อยืนยันสิทธิ์การเข้าร่วมค่ายด้วยล่ะ !!"
       }
     },
     inProgress: {
@@ -239,7 +239,7 @@ const stepCardConstant: StepCardModel = {
           <>
             ในขั้นตอนนี้ขอให้น้อง ๆ ชำระค่าสนับสนุนกิจกรรมเป็นจำนวน 750 บาท
             <div style={{ marginTop: "0.75rem" }}>
-              อย่าลืมชำระเงิน<span style={{ fontWeight: 500, color: "#941014" }}>ก่อนวันที่ 10 พฤศจิกายน</span>{" "}
+              อย่าลืมชำระเงิน<span style={{ fontWeight: 500, color: "#941014" }}>ก่อนวันที่ 11 พฤศจิกายน 2568</span>{" "}
               เพื่อยืนยันสิทธิ์การเข้าร่วมค่ายด้วยล่ะ !!
             </div>
             {/* <div style={{ marginTop: "0.75rem" }}>หากไม่เห็นปุ่มชำระค่าใช้จ่าย ให้เลือกไซส์เสื้อก่อน แล้ว Refresh อีกครั้ง</div> */}
@@ -267,7 +267,7 @@ const stepCardConstant: StepCardModel = {
         contents: (
           <>
             ขอแสดงความยินดีด้วย !! น้องเป็นหนึ่งในผู้ที่มีสิทธิ์เข้าร่วมค่ายลานเกียร์ครั้งที่ {process.env.REACT_APP_CAMP_YEAR} อย่างเป็นทางการแล้ว
-            โดยวันค่ายจะจัดขึ้นในวันที่ 2 - 5 มกราคม 2568 นี้ ที่คณะวิศวกรรมศาสตร์ จุฬาลงกรณ์มหาวิทยาลัยนั่นเอง
+            โดยวันค่ายจะจัดขึ้นในวันที่ 23 - 26 ธันวาคม 2568 นี้ ที่คณะวิศวกรรมศาสตร์ จุฬาลงกรณ์มหาวิทยาลัยนั่นเอง
             {/* อย่าลืมกรอกฟอร์มยืนยันการฉีดวัคซีน
             <span style={{ fontWeight: 500, color: "#941014" }}>ก่อนวันที่ 22 ธันวาคม 2565</span> เพื่อยืนยันสิทธิ์การเข้าร่วมค่ายด้วยล่ะ !! */}
           </>
@@ -292,7 +292,7 @@ const stepCardConstant: StepCardModel = {
     incomplete: {
       true: {
         title: "ได้เวลาเข้าค่าย !",
-        contents: "วันค่ายจะจัดขึ้นในวันที่ 2 - 5 มกราคม 2568 นี้ ที่คณะวิศวกรรมศาสตร์ จุฬาลงกรณ์มหาวิทยาลัยนั่นเอง"
+        contents: "วันค่ายจะจัดขึ้นในวันที่ 23 - 26 ธันวาคม 2568 นี้ ที่คณะวิศวกรรมศาสตร์ จุฬาลงกรณ์มหาวิทยาลัยนั่นเอง"
       }
     },
     inProgress: {
@@ -301,7 +301,7 @@ const stepCardConstant: StepCardModel = {
         contents: (
           <>
             ขอแสดงความยินดีด้วย !! น้องเป็นหนึ่งในผู้ที่มีสิทธิ์เข้าร่วมค่ายลานเกียร์ครั้งที่ {process.env.REACT_APP_CAMP_YEAR} อย่างเป็นทางการแล้ว
-            โดยวันค่ายจะจัดขึ้นในวันที่ 2 - 5 มกราคม 2568 นี้ ที่คณะวิศวกรรมศาสตร์ จุฬาลงกรณ์มหาวิทยาลัยนั่นเอง
+            โดยวันค่ายจะจัดขึ้นในวันที่ 23 - 26 ธันวาคม 2568 นี้ ที่คณะวิศวกรรมศาสตร์ จุฬาลงกรณ์มหาวิทยาลัยนั่นเอง
             <div style={{ marginTop: "0.75rem" }}>
               หลังจากนี้หากน้อง ๆ มีข้อสงสัยใด ๆ สามารถทักมาสอบถามได้ผ่านทางเฟซบุ๊กเพจ LarnGear Camp ตลอดเลยนะครับ ไว้เจอกันที่ลานเกียร์ฮ๊าฟฟฟฟ :)
             </div>
@@ -340,7 +340,7 @@ const stepCardConstant: StepCardModel = {
     complete: {
       true: {
         title: "ได้เวลาเข้าค่าย !",
-        contents: `ขอแสดงความยินดีด้วย !! น้องเป็นหนึ่งในผู้ที่มีสิทธิ์เข้าร่วมค่ายลานเกียร์ครั้งที่ ${process.env.REACT_APP_CAMP_YEAR} อย่างเป็นทางการแล้ว โดยวันค่ายจะจัดขึ้นในวันที่ 2 - 5 มกราคม 2568 นี้ ที่คณะวิศวกรรมศาสตร์ จุฬาลงกรณ์มหาวิทยาลัยนั่นเอง หลังจากนี้หากน้อง ๆ มีข้อสงสัยใด ๆ สามารถทักมาสอบถามได้ผ่านทางเฟซบุ๊กเพจ LarnGear Camp ตลอดเลยนะครับ ไว้เจอกันที่ลานเกียร์ค้าบบบบ :)`
+        contents: `ขอแสดงความยินดีด้วย !! น้องเป็นหนึ่งในผู้ที่มีสิทธิ์เข้าร่วมค่ายลานเกียร์ครั้งที่ ${process.env.REACT_APP_CAMP_YEAR} อย่างเป็นทางการแล้ว โดยวันค่ายจะจัดขึ้นในวันที่ 23 - 26 ธันวาคม 2568 นี้ ที่คณะวิศวกรรมศาสตร์ จุฬาลงกรณ์มหาวิทยาลัยนั่นเอง หลังจากนี้หากน้อง ๆ มีข้อสงสัยใด ๆ สามารถทักมาสอบถามได้ผ่านทางเฟซบุ๊กเพจ LarnGear Camp ตลอดเลยนะครับ ไว้เจอกันที่ลานเกียร์ค้าบบบบ :)`
       }
     }
   }

src/core/constants/timeline.constant.tsx

@@ -7,61 +7,68 @@ export interface TimelineModel {
 }
 // Month is 0-based index
 const nowDate = new Date()
-const endFakeDate = new Date(2567, 8, 15)
+const endFakeDate = new Date(2568, 8, 14)
 const timelineConstant: Array<TimelineModel> = [
   {
     duration: {
-      start: new Date(2567, 8, 2),
-      end: nowDate < endFakeDate ? new Date(2567, 8, 15) : new Date(2567, 8, 20)
+      start: new Date(2568, 8, 1),
+      end: nowDate < endFakeDate ? new Date(2568, 8, 14) : new Date(2568, 8, 19)
     },
     title: "รับสมัคร"
   },
   {
     duration: {
-      start: new Date(2567, 8, 20),
-      end: new Date(2567, 9, 4)
+      start: new Date(2568, 8, 20),
+      end: new Date(2568, 9, 3)
     },
-    title: "แก้ไขเอกสารประกอบการสมัครวันสุดท้าย"
+    title: "แก้ไขเอกสารประกอบการสมัคร"
   },
   {
     duration: {
-      start: new Date(2567, 9, 9),
-      end: new Date(2567, 9, 9)
+      start: new Date(2568, 9, 8),
+      end: new Date(2568, 9, 8)
     },
     title: "ประกาศผลผู้มีสิทธิ์สัมภาษณ์"
   },
   {
     duration: {
-      start: new Date(2567, 9, 19),
-      end: new Date(2567, 9, 19)
+      start: new Date(2568, 9, 18),
+      end: new Date(2568, 9, 18)
     },
-    title: "สัมภาษณ์รอบกรุงเทพฯ และปริมณฑล"
+    title: "สัมภาษณ์เข้าค่ายลานเกียร์"
   },
   {
     duration: {
-      start: new Date(2567, 9, 19),
-      end: new Date(2567, 9, 19)
+      start: new Date(2568, 9, 31),
+      end: new Date(2568, 9, 31)
     },
-    title: "สัมภาษณ์รอบต่างจังหวัด"
+    title: "ประกาศรายชื่อผู้มีสิทธิ์เข้าร่วมค่าย และรายชื่อตัวสำรอง อย่างไม่เป็นทางการ"
   },
   {
     duration: {
-      start: new Date(2567, 9, 31),
-      end: new Date(2567, 9, 31)
+      start: new Date(2568, 9, 31),
+      end: new Date(2568, 10, 4)
     },
-    title: "ประกาศรายชื่อผู้มีสิทธิ์เข้าร่วมค่าย"
+    title: "แจ้งความสะดวกในการเข้าร่วมค่าย"
   },
   {
     duration: {
-      start: new Date(2567, 9, 31),
-      end: new Date(2567, 10, 10)
+      start: new Date(2568, 10, 5),
+      end: new Date(2568, 10, 11)
     },
-    title: "ยืนยันสิทธิ์การเข้าร่วมค่าย"
+    title: "ประกาศรายชื่อผู้มีสิทธิ์เข้าร่วมค่ายอย่างเป็นทางการ และยืนยันสิทธิ์การเข้าร่วมค่าย"
   },
   {
     duration: {
-      start: new Date(2568, 0, 2),
-      end: new Date(2568, 0, 5)
+      start: new Date(2568, 10, 13),
+      end: new Date(2568, 10, 18)
+    },
+    title: "ประกาศรายชื่อตัวสำรอง และยืนยันสิทธิ์การเข้าร่วมค่าย"
+  },
+  {
+    duration: {
+      start: new Date(2568, 11, 23),
+      end: new Date(2568, 11, 26)
     },
     title: `ค่ายลานเกียร์ครั้งที่ ${process.env.REACT_APP_CAMP_YEAR}`
   }