fix navbar bug (#1123)

Co-authored-by: Ndibe Raymond Olisaemeka <rolisaemeka-ctr@wikimedia.org>
unstructuredstudio · Mar 4, 2024 · e1c4774 · e1c4774
1 parent 1930012
commit e1c4774
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/zubhub_frontend/zubhub/src/views/PageWrapper.jsx b/zubhub_frontend/zubhub/src/views/PageWrapper.jsx
@@ -114,14 +114,14 @@ function PageWrapper(props) {
   //       useLocation in every component that needs them.
   //       React.cloneElement makes our code brittle: see https://react.dev/reference/react/cloneElement
   const childrenRenderer = () =>
-    React.Children.map(props.children, child => React.cloneElement(child, { ...routeProps, ...props }));
+    React.Children.map(props.children, child => React.cloneElement(child, { ...props, ...routeProps }));
   return (
     <>
       <ToastContainer />
       <CssBaseline />
 
       <Toolbar ref={backToTopEl} className={classes.marginBottom} />
-      <Navbar {...props} />
+      <Navbar {...props} {...routeProps} />
 
       <Container className={classes.childrenContainer} maxWidth="lg">
         {props.auth?.token ? <DashboardLayout>{loading ? <LoadingPage /> : childrenRenderer()}</DashboardLayout> : null}