refactor(components): ♻️ update components to use refactored useHapti…

…c hook
adaptui · Jan 10, 2023 · f503fb6 · f503fb6
1 parent 568bdb3
commit f503fb6
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
@@ -127,7 +127,7 @@ const RNButton: React.FC<Partial<ButtonProps>> = forwardRef<
     const { ts, gc } = useTailwind();
     const buttonTheme = useTheme("button");
     const { handlers, animatedStyle } = useScaleAnimation();
-    const { hapticMedium } = useHaptic();
+    const hapticMedium = useHaptic("medium");
     const { onHoverIn, onHoverOut, hovered } = useOnHover();
     const { onFocus, onBlur, focused } = useOnFocus();
 

diff --git a/src/components/checkbox/Checkbox.tsx b/src/components/checkbox/Checkbox.tsx
@@ -134,7 +134,7 @@ const RNCheckbox: React.FC<Partial<CheckboxProps>> = forwardRef<
   const { onHoverIn, onHoverOut, hovered } = useOnHover();
   const { onFocus, onBlur, focused } = useOnFocus();
   const { handlers, animatedStyle } = useScaleAnimation();
-  const { hapticSelection } = useHaptic();
+  const hapticSelection = useHaptic();
 
   const hasOnlyLabel = label && !description;
 

diff --git a/src/components/radio/Radio.tsx b/src/components/radio/Radio.tsx
@@ -87,7 +87,7 @@ const RNRadio: React.FC<Partial<RadioProps>> = forwardRef<
 
   const { onHoverIn, onHoverOut, hovered } = useOnHover();
   const { onFocus, onBlur, focused } = useOnFocus();
-  const { hapticSelection } = useHaptic();
+  const hapticSelection = useHaptic();
   const { handlers, animatedStyle } = useScaleAnimation();
   const state = useRadioGroupContext();
 

diff --git a/src/components/switch/Switch.tsx b/src/components/switch/Switch.tsx
@@ -135,7 +135,7 @@ const RNSwitch: React.FC<Partial<SwitchProps>> = forwardRef<
   });
 
   const thumbAnimated = useSharedValue(switchState ? 1 : 0);
-  const { hapticSelection } = useHaptic();
+  const hapticSelection = useHaptic();
   /**
    * Setting Active/Inactive and Default Colors
    */

diff --git a/src/components/tag/Tag.tsx b/src/components/tag/Tag.tsx
@@ -89,7 +89,7 @@ const RNTag: React.FC<Partial<TagProps>> = forwardRef<
   const { onHoverIn, onHoverOut, hovered } = useOnHover();
   const { onFocus, onBlur, focused } = useOnFocus();
   const { handlers, animatedStyle } = useScaleAnimation();
-  const { hapticSelection } = useHaptic();
+  const hapticSelection = useHaptic();
 
   const {
     size = "md",