Fixes #35497 - New host UI - Link to host group

[stejskalleos]

[theforeman-bot]

Issues: #35497

[ares]

I haven't tested but would like to ask, what does it do when a user does not have a permission to view that host group?

[MariaAga]

Thanks! can you please use https://www.patternfly.org/v4/components/button in its inline link state?
Also from what I see in the design there should be an edit icon, and then the url on the name itself should be linked to the host search.
https://marvelapp.com/prototype/995cc27/screen/77850645
Please use pfs react icons, here it should be PencilAltIcon
We use pf components for consistency in looks and qe testing

[stejskalleos]

I haven't tested but would like to ask, what does it do when a user does not have a permission to view that host group?

After user clicks on the edit icon he's redirected to the host group edit page with permission denied error

@MariaAga I updated PR however I failed with the styling of components, https://marvelapp.com/prototype/995cc27/screen/77850645 shows design but I wasn't able to do it with PF4, I couldn't even make the icon in different color, docs for it shows some variables but I have no idea how to implement it. Do we have any source code sample somewhere?

[MariaAga]

For the edit button, the variant should be variant="plain" instead of a link to fix the color.
Also the button should not be shown if there is no host group

[stejskalleos]

Icon & empty state fixed

[MariaAga]

Sorry, just noticed now that in the design the pencil is aligned to the right, other than that everything is working as it should

[stejskalleos]

Sorry, just noticed now that in the design the pencil is aligned to the right, other than that everything is working as it should

fixed

[MariaAga]

LGTM, Thanks!