feat: add sticky sidebar navigation for dashboard sections#1607
feat: add sticky sidebar navigation for dashboard sections#1607AaryanSingh31 wants to merge 4 commits into
Conversation
|
@AaryanSingh31 is attempting to deploy a commit to the PRIYANSHU DOSHI's projects Team on Vercel. A member of the Team first needs to authorize it. |
GSSoC Label Checklist 🏷️@Priyanshu-byte-coder — please apply the appropriate labels before merging: Difficulty (pick one):
Quality (optional):
Validation (required to score):
|
|
This PR has merge conflicts with |
|
This PR has merge conflicts with the current |
|
Okay. I'll work on the conflicts and try to resolve them. Thankyou |
Summary
Added a sticky sidebar navigation component to the dashboard for quick access to all sections without manual scrolling.
Closes #1519
Type of Change
Changes Made
src/components/DashboardSidebar.tsx— sticky sidebar with anchor links to all dashboard sectionsidattributes to all major sections insrc/app/dashboard/page.tsxIntersectionObserverfor active section highlighting on scrolllucide-reactfor sidebar iconsHow to Test
npm run devand navigate to/dashboardScreenshots (if UI change)
Checklist
npm run lintpasses locallynpm run type-check)Accessibility Checklist
Additional Notes
Sidebar is hidden on mobile and replaced with a slide-in drawer triggered by a hamburger button.
lucide-reactwas added as it was not previously in the project dependencies.