From 51ce1f7a817c1e12b92639bfe2437c5afe48ed99 Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Mon, 11 Dec 2023 14:25:43 +0100
Subject: [PATCH] Updated displayswitch component to have pointer

---
 README.md                                             | 1 +
 package.json                                          | 2 +-
 src/components/displaySwitch/DisplaySwitch.module.css | 4 ++++
 src/components/displaySwitch/DisplaySwitch.tsx        | 1 +
 4 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 35009f7..a16db4d 100644
--- a/README.md
+++ b/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.
diff --git a/package.json b/package.json
index bcd7ddd..ceba3e9 100644
--- a/package.json
+++ b/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": {
diff --git a/src/components/displaySwitch/DisplaySwitch.module.css b/src/components/displaySwitch/DisplaySwitch.module.css
index 5d81b55..781d83e 100644
--- a/src/components/displaySwitch/DisplaySwitch.module.css
+++ b/src/components/displaySwitch/DisplaySwitch.module.css
@@ -1,3 +1,7 @@
 .displaySwitchButtons {
   align-items: center;
 }
+
+.button[aria-pressed="false"]:hover {
+  cursor: pointer;
+}
diff --git a/src/components/displaySwitch/DisplaySwitch.tsx b/src/components/displaySwitch/DisplaySwitch.tsx
index 29f7fe3..5e2cd2c 100644
--- a/src/components/displaySwitch/DisplaySwitch.tsx
+++ b/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>