Merge pull request #91 from esc-chula/dev

Add interview room information
esc-chula · Oct 15, 2024 · 52c4949 · 52c4949
2 parents 01a9168 + 82d3a3f
commit 52c4949
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 14 deletions.
diff --git a/src/core/components/profile/stepCard.component.tsx b/src/core/components/profile/stepCard.component.tsx
@@ -148,6 +148,7 @@ interface InterviewStepCardProps {
   status: "complete" | "inProgress" | "incomplete"
   interviewType: string
   interviewTime: string | undefined
+  interviewRoom: string | undefined
 }
 
 const StepCard: React.FC<StepCardProps> = ({ step, status, isApproved }) => {
@@ -216,7 +217,7 @@ const StepCard: React.FC<StepCardProps> = ({ step, status, isApproved }) => {
       )
   }
 
-  const InterviewStepCard: React.FC<InterviewStepCardProps> = ({ status, interviewType, interviewTime }) => {
+  const InterviewStepCard: React.FC<InterviewStepCardProps> = ({ status, interviewType, interviewTime, interviewRoom }) => {
     if (status === "inProgress") {
       if (!interviewTime) {
         return (
@@ -260,37 +261,40 @@ const StepCard: React.FC<StepCardProps> = ({ step, status, isApproved }) => {
                 <Typography variant="subtitle2" className={`${classes.text} ${classes.content} ${classes.paragraphTop}`}>
                   รอบสัมภาษณ์ของน้องจะเป็น <span className={`${classes.redText} ${classes.boldText}`}>{dateToLocaleString(interviewTime)}</span>
                 </Typography>
+                <Typography variant="subtitle2" className={`${classes.text} ${classes.content} ${classes.paragraphTop}`}>
+                  รหัสห้องสัมภาษณ์ของน้องจะเป็น <span className={`${classes.redText} ${classes.boldText}`}>{interviewRoom}</span>
+                </Typography>
                 <Typography variant="subtitle2" className={`${classes.text} ${classes.content} ${classes.paragraphTop}`}>
                   การสัมภาษณ์จะเป็นในรูปแบบออนไซต์ ที่คณะวิศวกรรมศาสตร์ จุฬาลงกรณ์มหาวิทยาลัย โดยจะเปิดให้ลงทะเบียนตั้งแต่เวลา{" "}
-                  {resolveRegistraionTime(interviewTime)}
+                  {resolveRegistraionTime(interviewTime)} และจะมีการแบ่งกลุ่มน้อง ๆ ตามรหัสห้องสัมภาษณ์ที่ได้รับ
                 </Typography>
                 <Typography variant="subtitle2" className={`${classes.text} ${classes.content} ${classes.paragraphTop}`}>
                   น้อง ๆ สามารถติดตามรายละเอียดการสัมภาษณ์ได้ที่เพจเฟซบุ๊ก LarnGear Camp
                 </Typography>
-                {/* <a
-                  href="https://www.facebook.com/LARNGEARCAMP/posts/pfbid02MyjEW87kj9Jo6GS3nP8cDLnR2yVEWnmxQ2qRWJVdeg6CkBE9AoG1cRUrjrVTy8uKl"
+                <a
+                  href="https://www.facebook.com/share/p/ZbFnujwo5nDBi184/"
                   className="no-underline"
                   target="_blank"
                   rel="noopener noreferrer"
                   style={{ color: "#941014" }}>
                   Checklist สำหรับการเตรียมตัวสัมภาษณ์
-                </a> */}
+                </a>
                 <a
-                  href="https://www.facebook.com/LARNGEARCAMP/posts/pfbid02y318zdQrx7oSCxni9ZfKUGdBFjBpAsfnXEqNhCSW4p2ZUboi8yUdaUyZi8gDLoD1l"
+                  href="https://www.facebook.com/share/p/3nHP5xyyFKqJeUYU/"
                   className="no-underline"
                   target="_blank"
                   rel="noopener noreferrer"
                   style={{ color: "#941014" }}>
                   แผนที่การเดินทางไปคณะวิศวกรรมศาสตร์
                 </a>
-                {/* <a
-                  href="https://docs.google.com/forms/d/e/1FAIpQLSdKhVP_C7tZ1-xDzVEQu6mloZPcveaLgBvkzx52JBfo4wuKPw/viewform"
+                <a
+                  href="https://forms.gle/CP2nirG9D9MewGH47"
                   className="no-underline"
                   target="_blank"
                   rel="noopener noreferrer"
                   style={{ color: "#941014" }}>
                   แบบฟอร์มยินยอมให้เก็บรวบรวม ใช้ และเปิดเผยข้อมูลส่วนบุคคล
-                </a> */}
+                </a>
                 <div className={classes.buttonContainer}>
                   {text.secondaryButton &&
                     renderButton(text.secondaryButton.opensDialog, text.secondaryButton.dialogType, false, text.secondaryButton.isExternalPath)}
@@ -350,6 +354,7 @@ const StepCard: React.FC<StepCardProps> = ({ step, status, isApproved }) => {
             status={status}
             interviewType={checkInterviewType(application.interviewAvailability)}
             interviewTime={application.interviewTime}
+            interviewRoom={application.interviewRoom}
           />
         )}
         {step !== 4 && (

diff --git a/src/core/constants/stepCard.constant.tsx b/src/core/constants/stepCard.constant.tsx
@@ -133,14 +133,14 @@ const stepCardConstant: StepCardModel = {
               </Link>
             </div>
             <div style={{ marginTop: "0.75rem" }}>
-              {/* <a
-                href="https://www.facebook.com/LARNGEARCAMP/posts/pfbid02MyjEW87kj9Jo6GS3nP8cDLnR2yVEWnmxQ2qRWJVdeg6CkBE9AoG1cRUrjrVTy8uKl"
+              <a
+                href="https://www.facebook.com/share/p/ZbFnujwo5nDBi184/"
                 className="no-underline"
                 target="_blank"
                 rel="noopener noreferrer"
                 style={{ color: "#941014" }}>
                 Checklist สำหรับการเตรียมตัวสัมภาษณ์
-              </a> */}
+              </a>
             </div>
             <div style={{ marginTop: "0.75rem" }}>
               <a
@@ -179,8 +179,10 @@ const stepCardConstant: StepCardModel = {
           </>
         ),
         primaryButton: {
-          label: "เข้าสู่ห้องสัมภาษณ์ (ZOOM)",
+          label: "ลิงก์เข้าสู่ห้องสัมภาษณ์ยังไม่พร้อมใช้งานในขณะนี้",
+          // label: "เข้าสู่ห้องสัมภาษณ์ (ZOOM)",
           opensDialog: false,
+          path: "#",
           // path: "https://chula.zoom.us/j/94892657659?pwd=eXUyTm1VWlpXUzY2YXVibEdLV251UT09",
           isExternalPath: true
         }
@@ -233,7 +235,7 @@ const stepCardConstant: StepCardModel = {
           <>
             ในขั้นตอนนี้ขอให้น้อง ๆ ชำระค่าสนับสนุนกิจกรรมเป็นจำนวน 750 บาท
             <div style={{ marginTop: "0.75rem" }}>
-              อย่าลืมชำระเงิน<span style={{ fontWeight: 500, color: "#941014" }}>ก่อนวันที่ 19 พฤศจิกายน</span>{" "}
+              อย่าลืมชำระเงิน<span style={{ fontWeight: 500, color: "#941014" }}>ก่อนวันที่ 10 พฤศจิกายน</span>{" "}
               เพื่อยืนยันสิทธิ์การเข้าร่วมค่ายด้วยล่ะ !!
             </div>
             <div style={{ marginTop: "0.75rem" }}>หากไม่เห็นปุ่มชำระค่าใช้จ่าย ให้เลือกไซส์เสื้อก่อน แล้ว Refresh อีกครั้ง</div>

diff --git a/src/core/models/dto/file.dto.tsx b/src/core/models/dto/file.dto.tsx
@@ -6,6 +6,7 @@ interface FileDTO {
     type: string
     size: number
     url: string
+    createdAt: Date
   }
 }
 

diff --git a/src/core/models/dto/profile.dto.tsx b/src/core/models/dto/profile.dto.tsx
@@ -51,6 +51,7 @@ interface ProfileDTO {
   breakfastRequested?: boolean
   interviewAvailability: string
   unavailableReason: string | null
+  interviewRoom?: string
 }
 
 export default ProfileDTO