-
Notifications
You must be signed in to change notification settings - Fork 874
feat: improve metrics and UI for user engagement on the platform #16134
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
Conversation
✔️ PR 16134 Updated successfully.
|
I do not see the chart for License utilization as per this design. Has that been removed from Scope? Or Is that coming in a separate PR? |
site/tailwind.config.js
Outdated
@@ -16,6 +16,7 @@ module.exports = { | |||
fontSize: { | |||
"2xs": ["0.625rem", "0.875rem"], | |||
sm: ["0.875rem", "1.5rem"], | |||
md: ["1rem", "1.5rem"], |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
text-base covers the size ["1rem", "1.5rem"] so there shouldn't be a need to explicitly set md, see https://tailwindcss.com/docs/font-size#setting-the-line-height
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Sorry to have to block this. As identified by my comments, there are some changes in here that should not make it into main. See @matifali's comment above as well.
site/src/pages/DeploymentSettingsPage/GeneralSettingsPage/GeneralSettingsPage.tsx
Outdated
Show resolved
Hide resolved
site/src/pages/DeploymentSettingsPage/GeneralSettingsPage/GeneralSettingsPageView.tsx
Show resolved
Hide resolved
The PR has been updated but is still waiting on a few definitions:
Despite these pending decisions, it’s ready for review. |
className="size-3 inline-flex items-center justify-center" | ||
aria-label="Legend for license seat limit in the chart" | ||
> | ||
<div className="w-full border-b-1 border-t-1 border-dashed border-content-disabled" /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<div className="w-full border-b-1 border-t-1 border-dashed border-content-disabled" /> | |
<div className="w-full border-b border-t border-dashed border-content-disabled" /> |
this reduces the width to better match the design
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
From a frontend perspective looks good overall 👍
Great work @BrunoQuaresma. A few small notes for consideration, but we can get to them as follow-up:
|
You can explore the new chart on Storybook.
Preview:

Close #15297