From b9d5f920bed18870efacbda46c1fe0370b641c9d Mon Sep 17 00:00:00 2001 From: ncdiehl11 Date: Wed, 18 Sep 2024 11:46:53 -0400 Subject: [PATCH] fix(components): fix cursor state on `EmptySelectorButton` 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 --- components/src/atoms/buttons/EmptySelectorButton.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/components/src/atoms/buttons/EmptySelectorButton.tsx b/components/src/atoms/buttons/EmptySelectorButton.tsx index 2726c2045d3..9e39bfc39ab 100644 --- a/components/src/atoms/buttons/EmptySelectorButton.tsx +++ b/components/src/atoms/buttons/EmptySelectorButton.tsx @@ -41,6 +41,7 @@ export function EmptySelectorButton( border: none; width: ${buttonSizing}; height: ${buttonSizing}; + cursor: ${disabled ? 'default' : 'pointer'}; &:focus-visible { outline: 2px solid ${COLORS.white}; box-shadow: 0 0 0 4px ${COLORS.blue50};