-
Notifications
You must be signed in to change notification settings - Fork 14
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
Add tooltip for non-compliant saptune #2319
Conversation
53f1f99
to
1d1327b
Compare
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.
Just a comment.
If @jagabomb agrees that the tooltip needs to go in the bottom is ok from my side
@@ -9,7 +10,12 @@ function SaptuneTuningState({ state }) { | |||
case 'not compliant': | |||
return ( | |||
<div className="flex"> | |||
<HealthIcon health="critical" /> | |||
<Tooltip | |||
content="Run `saptune note verify` in the host for further details" |
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.
I don't think markdown works here as it is. You would need to wrap it up, something like:
<ReactMarkdown className="markdown" remarkPlugins={[remarkGfm]}>
Run `saptune note verify` in the host for further details
</ReactMarkdown>
|
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.
If @jagabomb is happy, I'm happy.
Jurgen, you could check it by yourself in saptune details view storybook, but you would need to change the tuning value to not compliant
in the options
As discussed with @arbulu89 we ended up removing the markdown as it adds very little value and looks quite odd |
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.
LGTM!
@rtorrero is it possible to wrap the text over two lines like screenshot below instead of one long line? |
@jagabomb should be good now: |
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.
LGTM!
Description
This PR adds a tooltip to add further details when saptune is not compliant
Preview:
![Captura desde 2024-02-15 15-37-12](https://private-user-images.githubusercontent.com/2668401/305130526-aa62a985-152e-489a-a188-56f345c9cb51.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg0NTIzNTIsIm5iZiI6MTcxODQ1MjA1MiwicGF0aCI6Ii8yNjY4NDAxLzMwNTEzMDUyNi1hYTYyYTk4NS0xNTJlLTQ4OWEtYTE4OC01NmYzNDVjOWNiNTEucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDYxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA2MTVUMTE0NzMyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MzZhYzlhYjc3NWI1ZWY5ZGIyYzBiM2FjZDFjYWRkN2U0ZWM0NDliNTExZWNlNDA3MmIxMTE0OWYwMzVjZWUwMyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.hwoYqvN7mLngJMGrCc5pmXfPh7CAko95LxsytCRnDBA)