Skip to content

[Web] Update dashboard view to use sidenav#51237

Merged
rudream merged 4 commits intomasterfrom
yassine/dashboard-sidenav
Jan 21, 2025
Merged

[Web] Update dashboard view to use sidenav#51237
rudream merged 4 commits intomasterfrom
yassine/dashboard-sidenav

Conversation

@rudream
Copy link
Copy Markdown
Contributor

@rudream rudream commented Jan 20, 2025

Purpose

e counterpart: https://github.com/gravitational/teleport.e/pull/5887

This PR updates the dashboard view to use the sidenav, previously, it would fallback to the top bar. The top bar has also been deleted in this PR since it is no longer used anywhere.

Additionally, any features that should be shown in the navigation for dashboards will now require a showInDashboard flag. All features are hidden from the dashboard by default unless this flag is set to true.

Figma design: https://www.figma.com/design/Gpjs9vjhzUKF1GDbeG9JGE/Application-Design-System?node-id=18005-14042&m=dev

*One deviation from the design is the exclusion of the Support section, this is redundant to have here since it is already in the top navigation dropdown (when you click on your username on the top right)

I recommend reviewing commit by commit, since replacing the old nav files with the new nav makes the overall diff look like I just edited the original nav's files.

Demo

image

@rudream rudream added no-changelog Indicates that a PR does not require a changelog entry backport/branch/v17 labels Jan 20, 2025
@github-actions github-actions Bot requested review from kiosion and ryanclark January 20, 2025 17:12
@rudream rudream requested review from avatus and removed request for kiosion January 20, 2025 17:13
Comment thread web/packages/teleport/src/Navigation/SideNavigation/Navigation.tsx Outdated
Comment thread web/packages/teleport/src/Navigation/SideNavigation/Section.tsx
@avatus
Copy link
Copy Markdown
Contributor

avatus commented Jan 21, 2025

Everything works fine locally, but take a look at my suggestion to clean up the standlaone code

@rudream rudream force-pushed the yassine/dashboard-sidenav branch from c5a04f3 to bd04b02 Compare January 21, 2025 17:06
Comment thread web/packages/teleport/src/Navigation/Navigation.tsx
@rudream rudream requested a review from avatus January 21, 2025 17:22
@public-teleport-github-review-bot public-teleport-github-review-bot Bot removed the request for review from ryanclark January 21, 2025 17:59
@rudream rudream added this pull request to the merge queue Jan 21, 2025
Merged via the queue into master with commit d66ca4f Jan 21, 2025
@rudream rudream deleted the yassine/dashboard-sidenav branch January 21, 2025 21:29
@public-teleport-github-review-bot
Copy link
Copy Markdown

@rudream See the table below for backport results.

Branch Result
branch/v17 Create PR

carloscastrojumo pushed a commit to carloscastrojumo/teleport that referenced this pull request Feb 19, 2025
* update dashboard view to use sidenav

* delete old nav

* CR

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

Labels

backport/branch/v17 no-changelog Indicates that a PR does not require a changelog entry size/sm ui

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants