Skip to content

feat: add shared bottom navigation shell#331

Open
sainath5001 wants to merge 1 commit into
Kaizenode:mainfrom
sainath5001:feat/bottom-navigation
Open

feat: add shared bottom navigation shell#331
sainath5001 wants to merge 1 commit into
Kaizenode:mainfrom
sainath5001:feat/bottom-navigation

Conversation

@sainath5001

Copy link
Copy Markdown

🛠️ Issue

📖 Description

Adds a shared mobile-first bottom navigation bar and app layout chrome so users can move between existing screens.

✅ Changes made

  • New frontend/components/ui/bottom-nav.tsx (lucide icons + Spanish labels, usePathname active state)
  • Mounted via route group app/(app)/layout.tsx so marketing / never shows the app nav
  • Moved /p2p/orders and /transactions under (app); raised ThemeToggle above the fixed bar
  • Wired orders buy action → /p2p/orders/[id]; transactions back → /p2p/orders
  • Bottom padding so content is not overlapped by the fixed nav

🖼️ Media (screenshots/videos)

  • (add light + dark screenshots of /, /p2p/orders, /transactions if you have them)

📜 Additional Notes

Mount BottomNav via app/(app) route group so marketing / stays nav-free,
wire orders list to detail routes, and raise ThemeToggle above the bar.
@diegoTech14

Copy link
Copy Markdown
Contributor

Hello @sainath5001 could you upload some images or videos evidence of the correct functionality please?

@sainath5001

sainath5001 commented Jul 21, 2026

Copy link
Copy Markdown
Author
Screenshot 2026-07-21 204337 Screenshot 2026-07-21 204414 Screenshot 2026-07-21 204443

Hi, @diegoTech14 Added evidence of the navigation shell added 3 photos.

@sainath5001

Copy link
Copy Markdown
Author

sorry for large size screenshots but its working as per requirements.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FEAT]: Add the app navigation shell to connect all screens

2 participants