Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[wip] ui: link to debug pages in sidebar #31034

Closed
wants to merge 3 commits into from

Conversation

vilterp
Copy link
Contributor

@vilterp vilterp commented Oct 5, 2018

image

image

TODO:

  • some more copy on the debug page index with a disclaimer about their status and what some of the debug pages do (copy is in the issue)
  • add descriptions to most useful debug pages
  • pull most useful ones to the top & put under a new heading
  • the icon seems to be getting cut off a little bit on the sides
  • fix stuff in logout icon being underlined, now that there's a link around it

Fixes #20690

@vilterp vilterp requested a review from a team October 5, 2018 22:55
@cockroach-teamcity
Copy link
Member

This change is Reviewable

<div>
<div
className="login-indicator__initial"
title={`Signed in as ${user}`}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

as long as you're in here, can you update this to use TooltipWrapper please?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

More CSS struggles when I insert the ToolTipWrapper :P
image

@@ -128,6 +137,13 @@ export default class Sidebar extends React.Component {
<IconLink to="/jobs" icon={jobsIcon} title="Jobs" />
</ul>
<ul className="navigation-bar__list navigation-bar__list--bottom">
<li>
<Link to="/debug" className={classNames("debug-pages-link", { active: this.context.router.isActive("/debug") })}>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

please use IconLink

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tried to use IconLink — it pulls in a lot of CSS which I was unable to finagle to get the spacing I wanted. Maybe will be more successful today.

@couchand
Copy link
Contributor

couchand commented Oct 8, 2018

also closes #29310

@Amruta-Ranade
Copy link
Contributor

Edits for note at the top of the page:
The following pages are meant for advanced monitoring and troubleshooting. Note that the pages are experimental and undocumented. If you find an issue, let us know through these channels .

@vilterp vilterp force-pushed the expose-debug-pages branch from 3f785ad to 8d80543 Compare October 8, 2018 23:24
@vilterp vilterp force-pushed the expose-debug-pages branch from 8d80543 to 714b541 Compare October 8, 2018 23:31
@vilterp vilterp force-pushed the expose-debug-pages branch from 714b541 to 3dbd65d Compare October 8, 2018 23:33
@couchand
Copy link
Contributor

closing in favor of #31218

@couchand couchand closed this Oct 10, 2018
@vilterp vilterp deleted the expose-debug-pages branch October 17, 2018 19:52
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.

ui: surface debug pages for users
4 participants