Added window.location.reload() in the product hook

Author: ujjavaldesai07

client/src/components/app.js

@@ -1,4 +1,4 @@
-import React, {useEffect} from "react";
+import React from "react";
 import history from "../history";
 import {Router, Route} from 'react-router-dom';
 import log from "loglevel"
@@ -14,6 +14,7 @@ import ShoppingBag from "./routes/shoppingBag";
 
 const App = () => {
     log.info(`[App]: Rendering App Component window`)
+
     return (
         <Router history={history}>
             <Route path="/" component={NavBar}/>

client/src/components/routes/product/product.js

@@ -41,9 +41,17 @@ function Product() {
     useEffect(() => {
         log.info(`[Product] Component did mount...`)
 
+        const reloadPage = () => {
+            window.location.reload()
+        }
+
+        window.addEventListener("popstate", reloadPage);
+
         return () => {
             log.info(`[Product] Component will unmount...`)
 
+            window.removeEventListener("popstate", reloadPage);
+
             dispatch({
                 type: SAVE_QUERY_STATUS,
                 payload: null