added a page to techinical interview

src/App.tsx

@@ -25,7 +25,6 @@ import PreliminaryRound from './pages/preliminaryRound/PreliminaryRound';
 import Quiz from './pages/Quiz/Quiz';
 import PreliminaryRoundResults from './pages/preliminaryRoundResults/PreliminaryRoundResults';
 import TechnicalInterview from './pages/technicalInterview/TechnicalInterview';
-import TimeSlot from './components/timeSlot/TimeSlot';
 import Assignment from './pages/assignment/Assignment';
 import AssignmentDetails from './pages/assignment/AssignmentDetails';
 import SubmitAssignment from './pages/assignment/SubmitAssignment';
@@ -38,6 +37,7 @@ import VerifiedDocs from './pages/closingDocs/VerifiedDocs';
 import JoiningLetter from './pages/joiningLetter/JoiningLetter';
 import Celebration from './pages/celebration/Celebration';
 import SignaturePhoto from './pages/joiningLetter/SignaturePhoto';
+import TechinicalInterviewResults from './pages/technicalInterview/TechinicalInterviewResults';
 
 
 
@@ -65,6 +65,9 @@ const App: React.FC = () => (
         <Route exact path="/technicalInterview">
           <TechnicalInterview />
         </Route>
+        <Route exact path="/technicalInterview/techinicalInterviewResults">
+          <TechinicalInterviewResults />
+        </Route>
         <Route exact path="/assignment">
           <Assignment />
         </Route>

src/pages/technicalInterview/TechinicalInterviewResults.module.scss

@@ -0,0 +1,70 @@
+.techinicalInterviewResultsContent {
+
+    .resultsDescription {
+        height: 75vh;
+        ion-icon {
+            width: 12.8rem;
+            height: 12.8rem;
+            width: 100%;
+            margin: 0 auto;
+            margin-top: 4vh;
+        }
+    
+        .heading {
+            color: lighten($color: #363636, $amount: 10%);
+            font-size: 2.4rem;
+            font-weight: 300;
+            text-align: center;
+            width: 90%;
+            margin: 0 auto;
+            margin-top: 4vh;
+        }
+    
+        .description {
+            font-size: 1.4rem;
+            color: #868686;
+            text-align: center;
+            width: 90%;
+            margin: 0 auto;
+            margin-top: 4vh
+        }
+    }
+   
+
+    .buttonHolder {
+        display: flex;
+        justify-content: space-around;
+        align-items: center;
+        width: 95%;
+        margin: 0 auto;
+
+        a{
+          text-decoration: none;
+        }
+
+        ion-button {
+            width: 17rem;
+            height: 4.5rem;
+        }
+
+        .dashboardButton {
+            ion-button {
+                margin-bottom: 0;
+                --background: transparent;
+                --border-width: 0.1rem;
+                --border-color: var(--primary-button-color);
+                --border-style: solid;
+                --color: var(--primary-button-color);
+            }
+        }
+
+        .nextStepButton {
+            ion-button {
+                margin-bottom: 0;
+                --background: var(--primary-button-color);
+            }
+        }
+        
+
+    }
+}

src/pages/technicalInterview/TechinicalInterviewResults.tsx

@@ -0,0 +1,32 @@
+import styles from "./TechinicalInterviewResults.module.scss";
+import techinicalInterview from "../../assets/icons/Technical_Interview.svg";
+import { IonButton, IonContent, IonIcon, IonPage } from "@ionic/react";
+import StepHeader from "../../components/stepsHeader/StepHeader";
+import { Link } from "react-router-dom";
+
+const TechinicalInterviewResults: React.FC = () => {
+    return (
+        <IonPage>
+            <StepHeader roundName="Techinical Interview" stepNumber={3} />
+            <IonContent className={styles.techinicalInterviewResultsContent}>
+                <div className={styles.resultsDescription}>
+                    <IonIcon src={techinicalInterview} />
+                    <h4 className={styles.heading}>Meeting went nice!</h4>
+                    <p className={styles.description}>
+                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                    </p>
+                </div>
+                <div className={styles.buttonHolder}>
+                    <Link to="/interviewRounds" className={styles.dashboardButton}>
+                        <IonButton shape="round">Goto Dashboard</IonButton>
+                    </Link>
+                    <Link to="/assignment" className={styles.nextStepButton}>
+                        <IonButton shape="round">Goto Next Step</IonButton>
+                    </Link>
+                </div>
+            </IonContent>
+        </IonPage>
+    )
+}
+
+export default TechinicalInterviewResults;

src/pages/technicalInterview/TechnicalInterview.tsx

@@ -89,7 +89,7 @@ const TechnicalInterview: React.FC = () => {
                             <Link to="/interviewRounds" className={styles.dashboardButton}>
                                 <IonButton shape="round">Goto Dashboard</IonButton>
                             </Link>
-                            <Link to="/assignment" className={styles.nextStepButton}>
+                            <Link to="/technicalInterview/techinicalInterviewResults" className={styles.nextStepButton}>
                                 <IonButton shape="round">Goto Next Step</IonButton>
                             </Link>
                         </div>