From 56b29ef525f88b9d1f456d9d6315950a7ef11e12 Mon Sep 17 00:00:00 2001
From: Ajay_S <sajayy01234@gmail.com>
Date: Tue, 3 May 2022 20:37:55 +0530
Subject: [PATCH] hardcoded countdown date

---
 src/pages/finalInterview/FinalInterview.tsx    | 12 +++++++++---
 .../technicalInterview/TechnicalInterview.tsx  | 18 ++----------------
 2 files changed, 11 insertions(+), 19 deletions(-)

diff --git a/src/pages/finalInterview/FinalInterview.tsx b/src/pages/finalInterview/FinalInterview.tsx
index a9505eb..ac4a1da 100644
--- a/src/pages/finalInterview/FinalInterview.tsx
+++ b/src/pages/finalInterview/FinalInterview.tsx
@@ -9,13 +9,14 @@ import { useState } from "react";
 import TimeSlot from "../../components/timeSlot/TimeSlot";
 import { useCountdown } from "../../components/CountDownTimer/useCountdown";
 import { addDays } from "date-fns";
+import CountdownTimer from "../../components/CountDownTimer/CountdownTimer";
 
 const FinalInterview: React.FC = () => {
 
     const [isDateSet, setDate] = useState<boolean>(false);
     const [isTimeSlot, setTimeSlot] = useState<boolean>(false);
 
-    const [days, hours, minutes, seconds] = useCountdown(addDays(new Date(), 3));
+    const [days, hours, minutes, seconds] = useCountdown(new Date('may 6, 2022 07:00:00'));
 
     const getDate = () => {
         setTimeSlot(false);
@@ -45,13 +46,18 @@ const FinalInterview: React.FC = () => {
 
                                 <h4>Let's Meet in:</h4>
                                 <div className={styles.timeLeft}>
-                                    <h4 className={styles.time}>02 : 04 : 25 : 53</h4>
+                                    {/* <h4 className={styles.time}>02 : 04 : 25 : 53</h4>
                                     <div className={styles.days}>
                                         <div>Days</div>
                                         <div>Hrs</div>
                                         <div>Mins</div>
                                         <div>Secs</div>
-                                    </div>
+                                    </div> */}
+                                    <CountdownTimer
+                                        days={days}
+                                        hours={hours}
+                                        minutes={minutes}
+                                        seconds={seconds} />
                                 </div>
                                 <h4>Join us on Google Meet</h4>
                                 <div className={styles.icon}>
diff --git a/src/pages/technicalInterview/TechnicalInterview.tsx b/src/pages/technicalInterview/TechnicalInterview.tsx
index b125448..4b2bacd 100644
--- a/src/pages/technicalInterview/TechnicalInterview.tsx
+++ b/src/pages/technicalInterview/TechnicalInterview.tsx
@@ -5,24 +5,17 @@ import StepHeader from "../../components/stepsHeader/StepHeader";
 import techinicalInterview from "../../assets/icons/Technical_Interview.svg";
 import linkIcon from "../../assets/icons/link.svg";
 import { Link } from "react-router-dom";
-import { useEffect, useState } from "react";
+import { useState } from "react";
 import TimeSlot from "../../components/timeSlot/TimeSlot";
 import { useCountdown } from "../../components/CountDownTimer/useCountdown";
-import { addDays, min } from "date-fns";
 import CountdownTimer from "../../components/CountDownTimer/CountdownTimer";
 
-interface dates {
-    date: string;
-    day: string;
-}
-
 const TechnicalInterview: React.FC = () => {
 
     const [isDateSet, setDate] = useState<boolean>(false);
     const [isTimeSlot, setTimeSlot] = useState<boolean>(false);
 
-
-    const [days, hours, minutes, seconds] = useCountdown(addDays(new Date(), 3));
+    const [days, hours, minutes, seconds] = useCountdown(new Date('may 6, 2022 07:00:00'));
 
     const getDate = () => {
         setTimeSlot(false);
@@ -52,18 +45,11 @@ const TechnicalInterview: React.FC = () => {
 
                                 <h4>Let's Meet in:</h4>
                                 <div className={styles.timeLeft}>
-                                    {/* <h4 className={styles.time}>{`${days} : ${hours} : ${minutes} : ${seconds}`}</h4> */}
                                     <CountdownTimer
                                         days={days}
                                         hours={hours}
                                         minutes={minutes}
                                         seconds={seconds} />
-                                    {/* <div className={styles.days}>
-                                        <div>Days</div>
-                                        <div>Hrs</div>
-                                        <div>Mins</div>
-                                        <div>Secs</div>
-                                    </div> */}
                                 </div>
                                 <h4>Join us on Google Meet</h4>
                                 <div className={styles.icon}>