Toggle Button Doesn't Close Automatically on Navbar Links Click (Mobile View) #103

[kaali001]

Describe the bug

In the mobile view of the website, the toggle button on the navbar fails to close automatically upon clicking any of the navbar links. This issue results in an inconvenience for users navigating the site on mobile devices as the navbar remains open, obstructing the view of the content.

So I have fixed this issue by making a new function to handle link clicks and close the menu as -

const handleLinkClick = () => {
        setMenuOpen(false);
    };

And added onClick handler to close the menu on each items of navbar.

Screenshots

Screenshot with issues -

Screenshot of fixed issues -

Checklist:

• [ X] I have performed a self-review of my code
• [ X] I have read and followed the Contribution Guidelines.
• [ X] I have tested the changes thoroughly before submitting this pull request.
• [X ] I have provided relevant issue numbers, screenshots, and videos after making the changes.
• [X ] I have commented my code, particularly in hard-to-understand areas.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
time-warp	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 23, 2024 7:11am

[github-actions]

Welcome to Our repository.🎊 Thank you so much for taking the time to point this out.