fix(components): fix cursor state on EmptySelectorButton (#16283)

When hovering an enabled `EmptySelectorButton`, (ex: walking through creating a protocol in PD redesign and adding pipettes/modules), the cursor should be `pointer`. Closes RQA-3197
Opentrons · Sep 18, 2024 · 534fb53 · 534fb53
1 parent 7600ef2
commit 534fb53
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/components/src/atoms/buttons/EmptySelectorButton.tsx b/components/src/atoms/buttons/EmptySelectorButton.tsx
@@ -4,6 +4,8 @@ import { Flex } from '../../primitives'
 import {
   BORDERS,
   COLORS,
+  CURSOR_DEFAULT,
+  CURSOR_POINTER,
   Icon,
   SPACING,
   StyledText,
@@ -41,6 +43,7 @@ export function EmptySelectorButton(
     border: none;
     width: ${buttonSizing};
     height: ${buttonSizing};
+    cursor: ${disabled ? CURSOR_DEFAULT : CURSOR_POINTER};
     &:focus-visible {
       outline: 2px solid ${COLORS.white};
       box-shadow: 0 0 0 4px ${COLORS.blue50};