diff --git a/src/assets/documentation/documentation-links.json b/src/assets/documentation/documentation-links.json index 3661e6bf..9ac758c8 100644 --- a/src/assets/documentation/documentation-links.json +++ b/src/assets/documentation/documentation-links.json @@ -70,5 +70,19 @@ "name": "Managing user accounts", "url": "https://access.redhat.com/documentation/en-us/red_hat_enterprise_linux/9/html/managing_idm_users_groups_hosts_and_access_control_rules/managing-user-accounts-using-the-idm-web-ui_managing-users-groups-hosts" } + ], + "stage-users": [ + { + "name": "Adding new users", + "url": "https://access.redhat.com/documentation/en-us/red_hat_enterprise_linux/9/html/managing_idm_users_groups_hosts_and_access_control_rules/managing-user-accounts-using-the-idm-web-ui_managing-users-groups-hosts#adding-users-in-the-web-ui_managing-user-accounts-using-the-idm-web-ui" + }, + { + "name": "Activating stage users", + "url": "https://access.redhat.com/documentation/en-us/red_hat_enterprise_linux/9/html/managing_idm_users_groups_hosts_and_access_control_rules/managing-user-accounts-using-the-idm-web-ui_managing-users-groups-hosts#activating-stage-users-in-the-idm-web-ui_managing-user-accounts-using-the-idm-web-ui" + }, + { + "name": "Deleting users", + "url": "https://access.redhat.com/documentation/en-us/red_hat_enterprise_linux/9/html/managing_idm_users_groups_hosts_and_access_control_rules/managing-user-accounts-using-the-idm-web-ui_managing-users-groups-hosts#deleting-users-in-the-idm-web-ui_managing-user-accounts-using-the-idm-web-ui" + } ] } diff --git a/src/pages/StageUsers/StageUsers.tsx b/src/pages/StageUsers/StageUsers.tsx index ddc34c7d..54d01966 100644 --- a/src/pages/StageUsers/StageUsers.tsx +++ b/src/pages/StageUsers/StageUsers.tsx @@ -32,6 +32,7 @@ import UsersTable from "../../components/tables/UsersTable"; // Components import PaginationLayout from "src/components/layouts/PaginationLayout"; import BulkSelectorPrep from "src/components/BulkSelectorPrep"; +import ContextualHelpPanel from "src/components/ContextualHelpPanel/ContextualHelpPanel"; // Modals import DeleteUsers from "src/components/modals/UserModals/DeleteUsers"; import AddUser from "src/components/modals/UserModals/AddUser"; @@ -419,6 +420,18 @@ const StageUsers = () => { submitSearchValue, }; + // Contextual links panel + const [isContextualPanelExpanded, setIsContextualPanelExpanded] = + React.useState(false); + + const onOpenContextualPanel = () => { + setIsContextualPanelExpanded(!isContextualPanelExpanded); + }; + + const onCloseContextualPanel = () => { + setIsContextualPanelExpanded(false); + }; + // List of Toolbar items const toolbarItems: ToolbarItem[] = [ { @@ -501,7 +514,12 @@ const StageUsers = () => { }, { key: 8, - element: , + element: ( + + ), }, { key: 9, @@ -519,77 +537,83 @@ const StageUsers = () => { // Render 'Stage users' return ( - - - - + + + + + + + +
+ + + {batchError !== undefined && batchError ? ( + + ) : ( + + )} + + +
+ +
+ + -
- - -
- - - {batchError !== undefined && batchError ? ( - - ) : ( - - )} - - -
- -
- - - - -
+ + ); }; diff --git a/tests/features/contextual_help_panel.feature b/tests/features/contextual_help_panel.feature index f76150a6..fdb77dd6 100644 --- a/tests/features/contextual_help_panel.feature +++ b/tests/features/contextual_help_panel.feature @@ -18,5 +18,19 @@ Feature: Contextual help links panel When I click on close button in the panel Then I should not see contextual help panel + # Stage users page + Scenario: Open the contextual help links panel on 'stage-users' main page + Given I am on "stage-users" page + When I click on "Help" button + Then I should see contextual help panel + And I should see a title "Links" in the panel + * I should see a list of links + + Scenario: Close the contextual help links panel on 'Stage users' main page + Given I am on "stage-users" page + Given I should see contextual help panel + When I click on close button in the panel + Then I should not see contextual help panel +