diff --git a/forms-flow-nav/src/sidenav/Sidebar.jsx b/forms-flow-nav/src/sidenav/Sidebar.jsx index 1ed738ed..0120795e 100644 --- a/forms-flow-nav/src/sidenav/Sidebar.jsx +++ b/forms-flow-nav/src/sidenav/Sidebar.jsx @@ -361,12 +361,20 @@ const Sidebar = React.memo(({ props }) => {

- {userDetail?.name} -

+ className="user-name" + data-testid="user-name" + onClick={handleProfileModal} + tabIndex="0" + onKeyDown={(e) => { + if (e.key === "Enter" || e.key === " ") { + handleProfileModal(); + } + }} + > + {userDetail?.name} +

+ + { Sidebar.propTypes = { props: PropTypes.shape({ subscribe: PropTypes.func.isRequired, - getKcInstance: PropTypes.func.isRequired, + getKcInstance: PropTypes.func.isRequired, + publish: PropTypes.func.isRequired, }).isRequired, };