fix(components): 🚑 add conditional call by checking if the haptics fu…

…nction is available
adaptui · Jan 12, 2023 · 1e39fb8 · 1e39fb8
1 parent 469b71f
commit 1e39fb8
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/src/components/button/Button.tsx b/src/components/button/Button.tsx
@@ -137,7 +137,7 @@ const RNButton: React.FC<Partial<ButtonProps>> = forwardRef<
 
     const handlePress = useCallback((event: GestureResponderEvent) => {
       onPress && onPress(event);
-      hapticEnabled && hapticMedium();
+      hapticEnabled && hapticMedium?.();
       // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 

diff --git a/src/components/checkbox/Checkbox.tsx b/src/components/checkbox/Checkbox.tsx
@@ -178,7 +178,7 @@ const RNCheckbox: React.FC<Partial<CheckboxProps>> = forwardRef<
   }, [checkboxToggleState.isSelected, isIndeterminate]);
 
   const handleChange = useCallback(() => {
-    hapticEnabled && hapticSelection();
+    hapticEnabled && hapticSelection?.();
     if (checkboxGroupState) {
       if (props.value) {
         if (checkboxToggleState.isSelected) {

diff --git a/src/components/radio/Radio.tsx b/src/components/radio/Radio.tsx
@@ -111,7 +111,7 @@ const RNRadio: React.FC<Partial<RadioProps>> = forwardRef<
   }, [index, props?.value, selectedValue, setFocusableIndex]);
 
   const handleChange = useCallback(() => {
-    hapticEnabled && hapticSelection();
+    hapticEnabled && hapticSelection?.();
     // @ts-ignore
     setSelectedValue(props?.value);
     setFocusableIndex(index as number);

diff --git a/src/components/switch/Switch.tsx b/src/components/switch/Switch.tsx
@@ -291,7 +291,7 @@ const RNSwitch: React.FC<Partial<SwitchProps>> = forwardRef<
         thumbAnimated.value = withSpring(1, SPRING_CONFIG);
       }
       runOnJS(setSwitchState)(!switchState);
-      hapticEnabled && runOnJS(hapticSelection)();
+      hapticEnabled && hapticSelection && runOnJS(hapticSelection)();
     })
     .onTouchesCancelled(() => {
       if (switchState) {

diff --git a/src/components/tag/Tag.tsx b/src/components/tag/Tag.tsx
@@ -108,7 +108,7 @@ const RNTag: React.FC<Partial<TagProps>> = forwardRef<
 
   const handlePress = useCallback((event: GestureResponderEvent) => {
     onPress && onPress(event);
-    hapticEnabled && hapticSelection();
+    hapticEnabled && hapticSelection?.();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);