Merge pull request #13669 from Expensify/cmartins-disableCheckbox

Change to disabled cursor when hovering disabled checkbox
Expensify · Dec 20, 2022 · eec9bf6 · eec9bf6
2 parents 3a59770 + 2ab2bca
commit eec9bf6
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/src/components/CheckboxWithTooltip/CheckboxWithTooltipForMobileWebAndNative.js b/src/components/CheckboxWithTooltip/CheckboxWithTooltipForMobileWebAndNative.js
@@ -38,6 +38,7 @@ class CheckboxWithTooltipForMobileWebAndNative extends React.Component {
                 <Checkbox
                     isChecked={this.props.isChecked}
                     onPress={this.showGrowlOrTriggerOnPress}
+                    disabled={this.props.disabled}
                 />
             </View>
         );

diff --git a/src/components/CheckboxWithTooltip/checkboxWithTooltipPropTypes.js b/src/components/CheckboxWithTooltip/checkboxWithTooltipPropTypes.js
@@ -22,6 +22,9 @@ const propTypes = {
     /** Container styles */
     style: stylePropTypes,
 
+    /** Wheter the checkbox is disabled */
+    disabled: PropTypes.bool,
+
     /** Props inherited from withWindowDimensions */
     ...windowDimensionsPropTypes,
 };

diff --git a/src/components/CheckboxWithTooltip/index.js b/src/components/CheckboxWithTooltip/index.js
@@ -15,14 +15,15 @@ const CheckboxWithTooltip = (props) => {
                 onPress={props.onPress}
                 text={props.text}
                 toggleTooltip={props.toggleTooltip}
+                disabled={props.disabled}
             />
         );
     }
     const checkbox = (
         <Checkbox
             isChecked={props.isChecked}
             onPress={props.onPress}
-            disabled={props.toggleTooltip}
+            disabled={props.disabled}
         />
     );
     return (