From b7892431beaa0a692f2fc5223f9c2ed847366d4a Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Wed, 5 Aug 2026 13:26:33 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20show=20pointer=20curso?=
 =?UTF-8?q?r=20on=20interactive=20switches?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Set the cursor to a pointer on Switch components when they are
actually interactive, so it is visually clear that they can be
toggled.
---
 CHANGELOG.md                           | 1 +
 src/frontend/src/primitives/Switch.tsx | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1d01b5f7..9e8f586c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -45,6 +45,7 @@ and this project adheres to
 - 🩹(all) clear the SonarCloud reliability finding and the lint debt
 - 🐛(frontend) stop the installed app reopening the room it came from
 - 🐛(backend) serialize lazy title in summary payload
+- 💄(frontend) show pointer cursor on interactive switches
 
 ## [1.24.0] - 2026-07-21
 
diff --git a/src/frontend/src/primitives/Switch.tsx b/src/frontend/src/primitives/Switch.tsx
index c9578b2c..91d4a567 100644
--- a/src/frontend/src/primitives/Switch.tsx
+++ b/src/frontend/src/primitives/Switch.tsx
@@ -12,6 +12,7 @@ const StyledSwitch = styled(RACSwitch, {
     alignItems: 'center',
     gap: '0.571rem',
     color: 'black',
+    cursor: 'pointer',
     forcedColorAdjust: 'none',
     '& .indicator': {
       position: 'relative',
@@ -80,6 +81,9 @@ const StyledSwitch = styled(RACSwitch, {
       transition: 'opacity 10ms',
       transitionDelay: '0ms',
     },
+    '&[data-disabled]': {
+      cursor: 'not-allowed',
+    },
     '&[data-disabled] .indicator': {
       borderColor: 'primary.200',
       background: 'transparent',