Connect Wallet not overlaps title anymore #21

Arnav-Nehra · 2025-12-23T16:52:13Z

The Connect Wallet button no longer overlaps the title.

The Connect Wallet button can now be accessed via the toggle menu.
Removed an unused footer that was redundant and had some logic duplicated in another file.

Closes #20

Summary by CodeRabbit

Refactor
- Removed the footer section from the application.
- Removed the wallet connect button from the mobile navigation menu.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

coderabbitai · 2025-12-23T16:52:24Z

Walkthrough

This PR removes the Footer component entirely and hides the mobile ConnectButton in the Navbar to address the layout overlap issue reported on mobile devices.

Changes

Cohort / File(s)	Summary
Footer Component Removal `frontend/src/components/Footer.jsx`, `frontend/src/page/Applayout.jsx`	Deleted Footer component file; removed Footer import statement and JSX usage from Applayout
Mobile Navigation Adjustment `frontend/src/components/Navbar.jsx`	Commented out the mobile wallet ConnectButton motion.div wrapper, hiding the button from mobile menu while preserving other navigation structure

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Possibly related PRs

Refactor Dashboard, Treasury Account Setup, and Routing #6: Adds the Navbar component with mobile ConnectButton functionality that is being removed/hidden in this PR to resolve the mobile overlap issue.

Pre-merge checks and finishing touches

❌ Failed checks (1 warning, 1 inconclusive)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	You can run `@coderabbitai generate docstrings` to improve docstring coverage.
Out of Scope Changes check	❓ Inconclusive	The Footer deletion is a reasonable out-of-scope cleanup mentioned in PR description as removing unused redundancy, but goes beyond the stated issue #20 requirement.	Clarify whether Footer removal was necessary for the overlap fix or should be in a separate cleanup PR to maintain focused scope.

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately reflects the main objective of this PR - fixing the wallet button overlap issue by repositioning/hiding it on mobile screens.
Linked Issues check	✅ Passed	The PR successfully addresses issue #20 by removing the mobile wallet ConnectButton from the navbar and removing the redundant Footer component, resolving the overlap issue.

✨ Finishing touches

📝 Generate docstrings

🧪 Generate unit tests (beta)

Create PR with unit tests
Post copyable unit tests in a comment

📜 Recent review details

Configuration used: defaults

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between d2c3742 and d1b9d08.

📒 Files selected for processing (3)

frontend/src/components/Footer.jsx
frontend/src/components/Navbar.jsx
frontend/src/page/Applayout.jsx

💤 Files with no reviewable changes (1)

frontend/src/components/Footer.jsx

🔇 Additional comments (2)

frontend/src/page/Applayout.jsx (1)

7-16: LGTM! Footer removal is clean.

The Footer component has been cleanly removed from the layout. The component now renders only the Navbar and content Outlet, which aligns with the PR objective of simplifying the layout and removing redundant code.

frontend/src/components/Navbar.jsx (1)

223-233: Fix correctly addresses the overlap issue.

Commenting out the ConnectButton that was positioned next to the hamburger menu icon effectively resolves the title overlap problem on mobile. The wallet connection functionality remains accessible through the ConnectButton inside the mobile menu dropdown (lines 298-304), maintaining a good user experience.

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

coderabbitai

Actionable comments posted: 0

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)

frontend/src/components/Navbar.jsx (1)
70-89: Remove commented dead code.

The commented navItems array and its references throughout the file (lines 70-89, 153-168, 261-278) should be removed entirely rather than left as comments. Keeping large blocks of commented code reduces maintainability and adds clutter.
🔎 Proposed cleanup

Remove the commented navItems array:
-  // const navItems = [
-    // {
-    //   name: "Home",
-    //   icon: <HomeIcon className="text-current" />,
-    //   action: () => handleScroll("home-section"),
-    //   path: "/",
-    // },
-    // {
-    //   name: "Features",
-    //   icon: <FeaturedPlayListIcon className="text-current" />,
-    //   action: () => handleScroll("feature-section"),
-    //   path: "/#feature-section",
-    // },
-    // {
-    //   name: "Services",
-    //   icon: <DesignServicesIcon className="text-current" />,
-    //   action: () => handleScroll("service-section"),
-    //   path: "/#service-section",
-    // },
-  // ];
-
Also remove the commented usage blocks at lines 153-168 (desktop navigation) and lines 261-278 (mobile navigation).

📜 Review details

Configuration used: defaults

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between d2c3742 and d1b9d08.

📒 Files selected for processing (3)

frontend/src/components/Footer.jsx
frontend/src/components/Navbar.jsx
frontend/src/page/Applayout.jsx

💤 Files with no reviewable changes (1)

frontend/src/components/Footer.jsx

🔇 Additional comments (2)

frontend/src/page/Applayout.jsx (1)

7-16: LGTM! Footer removal is clean.

The Footer component has been cleanly removed from the layout. The component now renders only the Navbar and content Outlet, which aligns with the PR objective of simplifying the layout and removing redundant code.

frontend/src/components/Navbar.jsx (1)

223-233: Fix correctly addresses the overlap issue.

Commenting out the ConnectButton that was positioned next to the hamburger menu icon effectively resolves the title overlap problem on mobile. The wallet connection functionality remains accessible through the ConnectButton inside the mobile menu dropdown (lines 298-304), maintaining a good user experience.

Zahnentferner · 2025-12-24T03:33:01Z

frontend/src/components/Footer.jsx

@@ -1,22 +0,0 @@
-import React from 'react'
-
-function Footer() {


We need a footer. It shouldn't be removed.

Sir, we already have a footer. The code I removed was redundant, unused, and commented out.

Zahnentferner · 2025-12-24T03:34:18Z

frontend/src/components/Navbar.jsx


          {/* Mobile menu button */}
          <div className="md:hidden flex items-center">
-            <motion.div


We need a wallet connect button. It is the most essential functionality.

The overlap shouldn't be solved simply by removing the button.

Sir I have not removed the Wallet Connect Button, it can be still accessed, from the sidebar

Connect Wallet not overlaps title

d1b9d08

coderabbitai bot reviewed Dec 23, 2025

View reviewed changes

Zahnentferner requested changes Dec 24, 2025

View reviewed changes

Zahnentferner merged commit 095aadc into StabilityNexus:main Dec 24, 2025
1 check passed

This was referenced Dec 25, 2025

Fix mobile sidebar overlapping header buttons #27

Closed

configure chain selector to show 5 networks #44

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Connect Wallet not overlaps title anymore #21

Connect Wallet not overlaps title anymore #21

Arnav-Nehra commented Dec 23, 2025 •

edited by coderabbitai bot

Loading

Uh oh!

coderabbitai bot commented Dec 23, 2025 •

edited

Loading

Uh oh!

coderabbitai bot left a comment

Uh oh!

Zahnentferner Dec 24, 2025

Uh oh!

Arnav-Nehra Dec 24, 2025 •

edited

Loading

Uh oh!

Zahnentferner Dec 24, 2025

Uh oh!

Arnav-Nehra Dec 24, 2025

Uh oh!

Zahnentferner Dec 24, 2025

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

		@@ -1,22 +0,0 @@
		import React from 'react'

		function Footer() {

Connect Wallet not overlaps title anymore #21

Connect Wallet not overlaps title anymore #21

Conversation

Arnav-Nehra commented Dec 23, 2025 • edited by coderabbitai bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary by CodeRabbit

Uh oh!

coderabbitai bot commented Dec 23, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Changes

Estimated code review effort

Possibly related PRs

Pre-merge checks and finishing touches

Uh oh!

coderabbitai bot left a comment

Choose a reason for hiding this comment

Uh oh!

Zahnentferner Dec 24, 2025

Choose a reason for hiding this comment

Uh oh!

Arnav-Nehra Dec 24, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Zahnentferner Dec 24, 2025

Choose a reason for hiding this comment

Uh oh!

Arnav-Nehra Dec 24, 2025

Choose a reason for hiding this comment

Uh oh!

Zahnentferner Dec 24, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Arnav-Nehra commented Dec 23, 2025 •

edited by coderabbitai bot

Loading

coderabbitai bot commented Dec 23, 2025 •

edited

Loading

Arnav-Nehra Dec 24, 2025 •

edited

Loading