qpp-style 9.28.2-mo-beta.0 → 9.28.3-mo-beta.0

package/components/Accordion/index.jsx

@@ -38,9 +38,7 @@ const Accordion = (props) => {
   return (
     <div className="accordion-section" data-testid="accordion">
       <button
-        className={`accordion ${setActive} ${
-          setActive && props.isSticky ? 'sticky' : ''
-        }`}
+        className={`accordion ${setActive}`}
         aria-label={props.title}
         aria-pressed={ariaPressed}
         aria-expanded={ariaPressed}
@@ -85,13 +83,11 @@ Accordion.propTypes = {
   centerItem: PropTypes.string,
   rightItem: PropTypes.string,
   isOpen: PropTypes.bool,
-  isSticky: PropTypes.bool,
 };
 
 Accordion.defaultProps = {
   title: '',
   isOpen: false,
-  isSticky: false,
 };
 
 export default Accordion;

package/components/SideNav/Content/SelectRole/index.js

@@ -54,18 +54,26 @@ const SelectRole = ({ selectedRole, setSelectedRole }) => {
     }
   }, []);
 
+  const singleRoleUser = ROLE_OPTIONS.length === 1;
+
+  const MultiRoleDropdown = () => (
+    <Dropdown
+      value={selectedRole}
+      name="user-role-selection"
+      ariaLabel="Select User Role"
+      className="qpp-u-width--100 SelectRole__Dropdown"
+      options={ROLE_OPTIONS}
+      onChange={handleSelection}
+      disabled={isHelpdeskRoleAndImpersonating}
+    />
+  );
+
   return (
     <div className="SelectRole__Container">
-      <p className="SelectRole__Text">You are viewing as a</p>
-      <Dropdown
-        value={selectedRole}
-        name="user-role-selection"
-        ariaLabel="Select User Role"
-        className="qpp-u-width--100 SelectRole__Dropdown"
-        options={ROLE_OPTIONS}
-        onChange={handleSelection}
-        disabled={isHelpdeskRoleAndImpersonating}
-      />
+      <p className="SelectRole__Text">
+        You are viewing as a{singleRoleUser ? ` ${selectedRole}` : ''}
+      </p>
+      {!singleRoleUser && <MultiRoleDropdown />}
     </div>
   );
 };