refactor(utils): ♻️ change useHaptic hook to return specific function based on arg passed

Author: Karthik-B-06

src/utils/useHaptic.ts

@@ -1,33 +1,25 @@
 import { useCallback, useMemo } from "react";
 import * as Haptics from "expo-haptics";
 
-export const hapticOptions = {
-  enableVibrateFallback: true,
-  ignoreAndroidSystemSettings: true,
-};
+type FeedbackType = "light" | "medium" | "heavy" | "selection";
 
-export const useHaptic = () => {
-  const hapticHeavy = useCallback(
-    () => Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Heavy),
-    [],
-  );
-  const hapticMedium = useCallback(
-    () => Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Medium),
+export const useHaptic = (feedbackType: FeedbackType = "selection") => {
+  const createHapticHandler = useCallback(
+    (type: Haptics.ImpactFeedbackStyle) => {
+      return () => Haptics.impactAsync(type);
+    },
     [],
   );
-  const hapticLight = useCallback(
-    () => Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Light),
-    [],
+
+  const hapticHandlers = useMemo(
+    () => ({
+      light: createHapticHandler(Haptics.ImpactFeedbackStyle.Light),
+      medium: createHapticHandler(Haptics.ImpactFeedbackStyle.Medium),
+      heavy: createHapticHandler(Haptics.ImpactFeedbackStyle.Heavy),
+      selection: Haptics.selectionAsync,
+    }),
+    [createHapticHandler],
   );
-  const hapticSelection = useCallback(() => Haptics.selectionAsync(), []);
-  const hapticHandlers = useMemo(() => {
-    return {
-      hapticLight,
-      hapticMedium,
-      hapticHeavy,
-      hapticSelection,
-    };
-  }, [hapticHeavy, hapticLight, hapticMedium, hapticSelection]);
 
-  return hapticHandlers;
+  return hapticHandlers[feedbackType];
 };