Updated displayswitch component to have pointer

README.md

@@ -4,6 +4,7 @@
 
 - **Version 2.2 (breaking changes from 2.1.x)**
 
+  - 2.2.41: Updated displayswitch component to have pointer.
   - 2.2.40:
     - Updated DownloadCard to only accept fontawesome icons.
     - Removed tooltip from PrimaryTopNav component and updated dropdown.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/components",
-  "version": "2.2.40",
+  "version": "2.2.41",
   "description": "React (Gatsby) components used within the Conduction Skeleton Application (and its implementations)",
   "main": "lib/index.js",
   "scripts": {

src/components/displaySwitch/DisplaySwitch.module.css

@@ -1,3 +1,7 @@
 .displaySwitchButtons {
   align-items: center;
 }
+
+.button[aria-pressed="false"]:hover {
+  cursor: pointer;
+}

src/components/displaySwitch/DisplaySwitch.tsx

@@ -35,6 +35,7 @@ const DisplaySwitch: React.FC<DisplaySwitchProps> = ({ layoutClassName, buttons
             pressed={button.pressed}
             appearance={button.pressed ? "secondary-action-button" : "subtle-button"}
             onClick={button.handleClick}
+            className={styles.button}
           >
             {button.icon && <FontAwesomeIcon icon={[button.icon.prefix, button.icon.name]} />}
             <span>{button.label}</span>