Skip to content

Dashboard layout#498

Merged
yusuftomilola merged 2 commits intoDistinctCodes:mainfrom
KAMALDEEN333:Dashboard-Layout
Feb 22, 2026
Merged

Dashboard layout#498
yusuftomilola merged 2 commits intoDistinctCodes:mainfrom
KAMALDEEN333:Dashboard-Layout

Conversation

@KAMALDEEN333
Copy link
Contributor

Built Dashboard Layout with Sidebar and Topbar
The shell layout for all authenticated dashboard pages, featuring a fixed sidebar for navigation and a topbar for context actions.

Requirements
Sidebar:

AssetsUp logo/wordmark at top
Navigation links: Dashboard, Assets, Organisation (departments/categories), Users, Reports, Settings
Active link highlighted
User initials avatar at bottom with name and role
Topbar:

Page title (dynamic — derived from route)
Logout button
Route group: app/(dashboard)/layout.tsx wraps all authenticated pages with this layout. Middleware protects this group — redirects unauthenticated users to /login.

Acceptance Criteria

Active nav item highlighted based on current path

Sidebar shows current user's name and role

Layout renders correctly on mobile (sidebar collapses or becomes a drawer)

closes #447

@vercel
Copy link

vercel bot commented Feb 22, 2026

@KAMALDEEN333 is attempting to deploy a commit to the naijabuz's projects Team on Vercel.

A member of the Team first needs to authorize it.

@yusuftomilola yusuftomilola merged commit c21d806 into DistinctCodes:main Feb 22, 2026
3 of 5 checks passed
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.

[Frontend] Build Dashboard Layout with Sidebar and Topbar

2 participants