fix cursor default when menu can not clickable

Expensify · Oct 6, 2023 · e9c1625 · e9c1625
1 parent 907e65e
commit e9c1625
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/src/components/BaseMiniContextMenuItem.js b/src/components/BaseMiniContextMenuItem.js
@@ -67,6 +67,7 @@ function BaseMiniContextMenuItem(props) {
                 style={({hovered, pressed}) => [
                     styles.reportActionContextMenuMiniButton,
                     StyleUtils.getButtonBackgroundColorStyle(getButtonState(hovered, pressed, props.isDelayButtonStateComplete)),
+                    props.isDelayButtonStateComplete && styles.cursorDefault,
                 ]}
             >
                 {(pressableState) => (

diff --git a/src/components/ContextMenuItem.js b/src/components/ContextMenuItem.js
@@ -100,6 +100,7 @@ function ContextMenuItem({onPress, successIcon, successText, icon, text, isMini,
             style={getContextMenuItemStyles(windowWidth)}
             isAnonymousAction={isAnonymousAction}
             focused={isFocused}
+            interactive={isThrottledButtonActive}
         />
     );
 }

diff --git a/src/components/Pressable/PressableWithDelayToggle.js b/src/components/Pressable/PressableWithDelayToggle.js
@@ -114,7 +114,7 @@ function PressableWithDelayToggle(props) {
                         focusable={false}
                         accessible={false}
                         onPress={updatePressState}
-                        style={[styles.flexRow, ...props.styles]}
+                        style={[styles.flexRow, ...props.styles, !isActive && styles.cursorDefault]}
                     >
                         {({hovered, pressed}) => (
                             <>