From afcec423a3bccc204f2185e55c21ad9030205b65 Mon Sep 17 00:00:00 2001
From: Vasanti Suthar <vasantisuthar15@gmail.com>
Date: Sat, 21 May 2022 02:18:07 +0530
Subject: [PATCH] added navigation to different page

---
 package.json                                             | 2 --
 .../src/components/menu-item/menuItem.component.js       | 9 ++++-----
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 9aac09ad3..3b3ee4ac3 100644
--- a/package.json
+++ b/package.json
@@ -57,9 +57,7 @@
   },
   "devDependencies": {
     "react-snap": "^1.23.0",
-    "typescript": "^4.6.4"
     "typescript": "^4.6.4",
-    "react-snap": "^1.23.0",
     "puppeteer": "^13.7.0"
   }
 }
diff --git a/src/plays/quizeo/src/components/menu-item/menuItem.component.js b/src/plays/quizeo/src/components/menu-item/menuItem.component.js
index 67ffa360a..f0030bd89 100644
--- a/src/plays/quizeo/src/components/menu-item/menuItem.component.js
+++ b/src/plays/quizeo/src/components/menu-item/menuItem.component.js
@@ -1,5 +1,4 @@
-import React, { useCallback, useState } from "react";
-// import { useNavigate } from "react-router-dom";
+import React, { useState } from "react";
 import MoviePage from "../../pages/moviePage/moviePage.component";
 
 import './menu-item.styles.css'
@@ -12,8 +11,8 @@ const MenuItem = ({title, imageUrl, linkUrl}) => {
     }
 
     const handleLocation = () => {
-        if(window.location.pathname === '/movie'){  
-            <MoviePage categoryId={linkUrl}/>
+        if(window.location.pathname === '/plays/quizeo/movie'){  
+            return <MoviePage categoryId={linkUrl}/>
         }
     }
 
@@ -22,7 +21,7 @@ const MenuItem = ({title, imageUrl, linkUrl}) => {
                 <div className="image-container" style={{backgroundImage:`url(${imageUrl})`}}/>
                     <div className="image-content"
                         onClick={handleClick}>
-                        {isClicked ? {handleLocation}: null}
+                        {isClicked ? handleLocation(): null}
                         <h1>{title}</h1>
                 </div> 
             </div>