-
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
Cluster settings page refactor #1659
Conversation
82e7002
to
9bc7e87
Compare
e835e21
to
8c41278
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.
Nice job! Just a couple of tiny things and it's good to go for me.
I guess having Save Check Selection and Start Execution buttons on the top right as per figma design will follow up.
} = useSelector(getCatalog()); | ||
|
||
if (!cluster) { | ||
return <div>Loading...</div>; |
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.
For consistency we could use the LoadingBox
component here
return <div>Loading...</div>; | |
return <LoadingBox text="Loading..." />; |
return <div>Loading...</div>; | ||
} | ||
|
||
const { provider, type, selected_checks: selectedChecks } = cluster; |
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.
We could destructure clusterName
here as well instead of using getClusterName
function imported from ClusterLink
on line 12. Wdyt?
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 like that
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
271634e
to
8141471
Compare
* Remove old ChecksSelection UI * Rewrite ClusterSettingsPage * Wire up ClusterSettingsPage to the router
* Add navigation to host check selection (#1658) * Align cluster/host naming related to checks selection and actions * Add Checks related Call to actions in host detail * Host detail - Move exporters mapping to components in a separate variable * Cluster settings page refactor (#1659) * Remove old ChecksSelection UI * Rewrite ClusterSettingsPage * Wire up ClusterSettingsPage to the router * Make checks selection great again (#1682) * Add a new selector for cluster checks * Update ChecksSelection component to new UX * Update ClusterSettingsPage to new UX * Update Host Settings to new UX * Add a disabled prop to Button component * Align the behavior of the save checks button * fixup! Align the behavior of the save checks button * Improved tooltip (#1674) * Install react-tooltip * Add new Tooltipo component * Update Tooltip stories * Add a global css object for tests * Replace legacy tooltip with new one * Use spans as tooltip anchor wrapper * Replace react-tooltip with rc-tooltip Co-authored-by: Alessio Biancalana <alessio.biancalana@suse.com> * Switch Tooltip implementation to rc-tooltip Co-authored-by: Alessio Biancalana <alessio.biancalana@suse.com> --------- Co-authored-by: Alessio Biancalana <alessio.biancalana@suse.com> --------- Co-authored-by: Alessio Biancalana <alessio.biancalana@suse.com>
Description
Now the cluster settings page uses the new
ChecksSelection
visual component.How was this tested?
Automated tests migrated