updated mock data variable name

src/components/timeSlot/TimeSlot.tsx

@@ -3,7 +3,7 @@ import styles from "./TimeSlot.module.scss";
 import { chevronBack } from 'ionicons/icons'
 import { useState } from "react";
 import { format } from "date-fns";
-import { Dates, TimeSlots } from "../../mockData/TimeSlotDetails";
+import { Dates, Time_Slots } from "../../mockData/TimeSlotDetails";
 
 interface OwnProps {
     month: string;
@@ -34,7 +34,7 @@ const TimeSlot: React.FC<OwnProps> = (props) => {
         );
     });
 
-    const timeSlots = TimeSlots.map((timeSlot, key) => {
+    const timeSlots = Time_Slots.map((timeSlot, key) => {
 
         return (
             <div

src/mockData/QuizDetails.ts

@@ -1,6 +1,6 @@
 import { QuizDetails } from "../models/QuizDetails";
 
-let quizDetails: QuizDetails[] = [
+const Quiz_Details: QuizDetails[] = [
     {
         question: "How would you correctly display, “Hello, how are you?”?",
         options: [
@@ -47,4 +47,4 @@ let quizDetails: QuizDetails[] = [
 ];
 
 
-export default quizDetails;
+export default Quiz_Details;

src/mockData/StepDetails.ts

@@ -8,7 +8,7 @@ import joiningLetter from '../assets/icons/Joining_Letter.svg';
 import Celebrations from '../assets/icons/Celebrations.svg';
 import { StepDetail } from "../models/StepDetails";
 
-let steps: StepDetail[] = [
+const Step_Details: StepDetail[] = [
     {
         stepNumber: 1,
         stepName: "Skill Information",
@@ -83,4 +83,4 @@ let steps: StepDetail[] = [
     },
 ];
 
-export default steps;
+export default Step_Details;

src/mockData/TimeSlotDetails.ts

@@ -4,4 +4,4 @@ const currentDate = new Date();
 
 export const Dates = [addBusinessDays(currentDate, 1), addBusinessDays(currentDate, 2), addBusinessDays(currentDate, 3), addBusinessDays(currentDate, 4)];
 
-export const TimeSlots = ["11:00 AM - 1:00 pm", "1:00 PM - 3:00 pm", "3:00 PM - 5:00 pm"];
+export const Time_Slots = ["11:00 AM - 1:00 pm", "1:00 PM - 3:00 pm", "3:00 PM - 5:00 pm"];

src/pages/interviewRounds/InterviewRounds.tsx

@@ -5,7 +5,7 @@ import Header from "./Header";
 import { IonContent, IonPage } from '@ionic/react';
 import Steps from './Steps';
 
-import steps from "../../mockData/StepDetails";
+import Step_Details from "../../mockData/StepDetails";
 
 
 const InterviewRounds: React.FC = () => {
@@ -16,7 +16,7 @@ const InterviewRounds: React.FC = () => {
         setStep(stepNumbera);
     }
 
-    const stepsList = steps.map((step, key) => {
+    const stepsList = Step_Details.map((step, key) => {
         return (
             <Steps
                 key={key}

src/pages/quiz/Quiz.tsx

@@ -6,7 +6,7 @@ import { closeOutline } from 'ionicons/icons'
 import { Link } from 'react-router-dom';
 import { useEffect, useState } from 'react';
 import Question from './Question';
-import quizDetails from '../../mockData/QuizDetails';
+import Quiz_Details from '../../mockData/QuizDetails';
 
 const Quiz: React.FC = () => {
 
@@ -14,12 +14,12 @@ const Quiz: React.FC = () => {
 
     const updateQuestionNumber = () => {
         console.log("update")
-        if (quizDetails.length > questionNumber) {
+        if (Quiz_Details.length > questionNumber) {
             setQuestionNumber((questionNumber) => questionNumber + 1);
         }
     }
     console.log("no", questionNumber);
-    console.log(quizDetails[questionNumber - 1]);
+    console.log(Quiz_Details[questionNumber - 1]);
 
     return (
         <div className={styles.quizContainer}>
@@ -31,16 +31,16 @@ const Quiz: React.FC = () => {
                     </Link>
                 </header>
 
-                <Question question={quizDetails[questionNumber - 1].question}
+                <Question question={Quiz_Details[questionNumber - 1].question}
                     questionNumber={questionNumber}
-                    timeLimit={quizDetails[questionNumber - 1].timeLimit}
+                    timeLimit={Quiz_Details[questionNumber - 1].timeLimit}
                     updateQuestionNumber={updateQuestionNumber} />
 
             </div>
 
             <div className={styles.quizOptions}>
                 <div className={styles.options}>
-                    <Options options={quizDetails[questionNumber - 1].options} updateQuestionNumber={updateQuestionNumber} />
+                    <Options options={Quiz_Details[questionNumber - 1].options} updateQuestionNumber={updateQuestionNumber} />
                 </div>
 
                 {/* <Link to="/" className={styles.button + " " + (selected ? styles.active : "")}>