feat: Scaffold initial React dashboard app within the website repo#305
feat: Scaffold initial React dashboard app within the website repo#305vanshika2720 wants to merge 1 commit into
Conversation
Fixes Issue 1 Sets up the foundational structure for the Kmesh Dashboard: - Adds /dashboard route to the main navbar - Creates Dashboard layout with collapsible sidebar and main content area - Adds placeholder pages for Overview, Topology, Waypoints, Policies, Metrics - Integrates existing Docusaurus theme tokens for light/dark mode Signed-off-by: vanshika2720 <pahalvanshikaa@gmail.com>
✅ Deploy Preview for kmesh-net ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
|
[APPROVALNOTIFIER] This PR is NOT APPROVED This pull-request has been approved by: The full list of commands accepted by this bot can be found here. DetailsNeeds approval from an approver in each of these files:Approvers can indicate their approval by writing |
![gemini-code-assist[bot]](https://avatars.githubusercontent.com/in/956858?s=60&v=4){kind=small}
There was a problem hiding this comment.
Code Review
This pull request introduces a new Dashboard section to the Kmesh documentation, adding a navigation link in the configuration and implementing a DashboardLayout component with a sidebar. It also includes several placeholder pages for dashboard features like topology, metrics, and policies. Review feedback focuses on ensuring full internationalization (i18n) support by using useBaseUrl for path matching and wrapping text in translation components. Other suggestions include improving accessibility with aria-current attributes and replacing a magic number in the CSS with a more flexible layout approach.
feat(dashboard): scaffold Kmesh dashboard structure inside Docusaurus website
Description
This PR scaffolds the foundational structure for the Kmesh Dashboard directly inside the existing Docusaurus website.
The goal of this change is to establish a native dashboard experience that integrates cleanly with the current website architecture while remaining fully compatible with:
This PR focuses only on:
No backend integration or live Kmesh data rendering is introduced yet.
Changes
Dashboard Route Integration
Updated:
to expose a new:
navigation entry directly in the main website navbar.
Dashboard Layout Component
Added:
Features
Dashboard Styling
Added:
The styling system is built entirely using native Docusaurus/Infima CSS variables such as:
This ensures:
Dashboard Pages
Added initial dashboard route structure under:
Pages included
index.jstopology.jswaypoints.jspolicies.jsmetrics.jsThese pages currently provide:
No live mesh integration is included in this stage.
Why this is safe
This PR:
It only introduces isolated dashboard scaffolding and routing structure for future Kmesh dashboard development.
Why this matters
This establishes the foundational infrastructure needed for future Kmesh UI capabilities directly within the existing website ecosystem.
Benefits include:
This creates a clean base for future: