From c61bb49f58ca7fffa689725faf0c5f3fe9dcf8a3 Mon Sep 17 00:00:00 2001
From: Ajay_S <sajayy01234@gmail.com>
Date: Tue, 3 May 2022 19:58:50 +0530
Subject: [PATCH] added hide timeslot to hide timeslot when backchevron is
 clicked

---
 src/components/timeSlot/TimeSlot.tsx                |  7 ++++---
 src/pages/finalInterview/FinalInterview.tsx         | 10 +++++++---
 src/pages/technicalInterview/TechnicalInterview.tsx |  9 +++++++--
 3 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/components/timeSlot/TimeSlot.tsx b/src/components/timeSlot/TimeSlot.tsx
index 610b6b9..837fe36 100644
--- a/src/components/timeSlot/TimeSlot.tsx
+++ b/src/components/timeSlot/TimeSlot.tsx
@@ -8,7 +8,8 @@ import { Dates, TimeSlots } from "../../mockData/TimeSlotDetails";
 
 interface OwnProps {
     month: string;
-    getDate: (date: string) => void;
+    getDate: () => void;
+    HideTimeSlot: () => void;
 }
 
 const TimeSlot: React.FC<OwnProps> = (props) => {
@@ -49,7 +50,7 @@ const TimeSlot: React.FC<OwnProps> = (props) => {
     return (
         <IonPage>
             <header className={styles.header}>
-                <IonIcon icon={chevronBack} />
+                <IonIcon icon={chevronBack} onClick={props.HideTimeSlot} />
                 <h4>Find a Slot</h4>
             </header>
 
@@ -68,7 +69,7 @@ const TimeSlot: React.FC<OwnProps> = (props) => {
                     </div>
                 </div>
 
-                <div onClick={(highlightedDate && highlightedTime !== "") ? () => props.getDate("test") : undefined}
+                <div onClick={(highlightedDate && highlightedTime !== "") ? () => props.getDate() : undefined}
                     className={styles.timeSlotButton + " " + (highlightedDate && highlightedTime !== "" ? styles.buttonActive : "")}>
                     <IonButton shape="round" expand='block' >Confirm slot</IonButton>
                 </div>
diff --git a/src/pages/finalInterview/FinalInterview.tsx b/src/pages/finalInterview/FinalInterview.tsx
index 561ca23..a9505eb 100644
--- a/src/pages/finalInterview/FinalInterview.tsx
+++ b/src/pages/finalInterview/FinalInterview.tsx
@@ -17,12 +17,15 @@ const FinalInterview: React.FC = () => {
 
     const [days, hours, minutes, seconds] = useCountdown(addDays(new Date(), 3));
 
-    const getDate = (date: string) => {
-        console.log(date);
+    const getDate = () => {
         setTimeSlot(false);
         setDate(true);
     }
 
+    const HideTimeSlot = () => {
+        setTimeSlot(false);
+    }
+
     return (
         <IonPage>
             <StepHeader roundName="Final Interview" stepNumber={5} />
@@ -77,7 +80,8 @@ const FinalInterview: React.FC = () => {
                     isTimeSlot &&
                     <TimeSlot
                         month="April-May"
-                        getDate={getDate} />
+                        getDate={getDate}
+                        HideTimeSlot={HideTimeSlot} />
                 }
 
             </IonContent>
diff --git a/src/pages/technicalInterview/TechnicalInterview.tsx b/src/pages/technicalInterview/TechnicalInterview.tsx
index 3e2464a..b125448 100644
--- a/src/pages/technicalInterview/TechnicalInterview.tsx
+++ b/src/pages/technicalInterview/TechnicalInterview.tsx
@@ -24,11 +24,15 @@ const TechnicalInterview: React.FC = () => {
 
     const [days, hours, minutes, seconds] = useCountdown(addDays(new Date(), 3));
 
-    const getDate = (date: string) => {
+    const getDate = () => {
         setTimeSlot(false);
         setDate(true);
     }
 
+    const HideTimeSlot = () => {
+        setTimeSlot(false);
+    }
+
     return (
         <IonPage>
             <StepHeader stepNumber={3} roundName="Technical Interview" />
@@ -88,7 +92,8 @@ const TechnicalInterview: React.FC = () => {
                     isTimeSlot &&
                     <TimeSlot
                         month="April-May"
-                        getDate={getDate} />
+                        getDate={getDate}
+                        HideTimeSlot={HideTimeSlot} />
                 }
 
             </IonContent>