Welcome to Realest Estate Discussions!

[linkedweb]

👋 Welcome!

Use this general Discussions area as a place to connect with me or other members of the community. I hope that you:

• Ask questions you’re wondering about.
• Share ideas.
• Engage with other community members.
• Welcome others and are open-minded. Remember that this is a community we
  build together 💪.

My name is Bryan, I am a Computer Engineer and focus mostly on web and mobile app development. If you have a question on this Realest Estate project, then feel free to ask so that myself or someone in the community can help you out!

[MatheusReimer]

Hi, I recently saw your series from this repository and I'm trying to understand something:
The Navbar extends over all tabs, how could I do to create a new Navbar just for the main page? Probably a stupid question, but I'm kind of lost in this situation.

[linkedweb]

So the Navbar extends over all pages because of the Layout higher order component. In the App.js file, I use the Layout to wrap all the routes so that the Navbar is always on top of all the pages so I don't need to place it individually on each page.

If you want a different Navbar on the homepage, you can make a check in the Layout component for if you're on the homepage or a different route, then if you're on the homepage you can render the Navbar you want for that page, and if you're on a different route you can render the Navbar you want for those other pages.

Here's an example of how you can check the route you're on in your Layout component:

import { useLocation } from 'react-router-dom';
import HomePageNavbar from '...';
import Navbar from '...';

const Layout = (props) => {
const location = useLocation();

return (
    <div>
         { location.pathname === '/' ? <HomePageNavbar /> : <Navbar /> }
         {props.children}
    </div>
);

};

Hope this helps!

[MatheusReimer]

It dit help, thanks. I ended up doing a bit different thought.