haptics on tab presses

Memmy-App · Oct 20, 2023 · 1182b88 · 1182b88
1 parent 1245c43
commit 1182b88
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/src/components/Navigation/Tabs.tsx b/src/components/Navigation/Tabs.tsx
@@ -17,25 +17,32 @@ import {
 } from '@src/state';
 import { Image } from 'expo-image';
 import { StyleSheet } from 'react-native';
+import { playHaptic } from '@helpers/haptics';
 
 const Tab = createBottomTabNavigator();
 
 let lastPress = 0;
 
-const onTabPress = (): void => {
+const onHomeTabPress = (): void => {
   const now = Date.now();
 
   if (now < lastPress + 200) {
     setHomePress();
   }
 
   lastPress = now;
+
+  void playHaptic();
 };
 
-const onTabLongPress = (): void => {
+const onHomeTabLongPress = (): void => {
   setDrawerOpen(true);
 };
 
+const onTabPress = (): void => {
+  void playHaptic();
+};
+
 interface ProfileTabIconProps {
   color: string;
 }
@@ -61,6 +68,9 @@ export default function Tabs(): React.JSX.Element {
       screenOptions={{
         headerShown: false,
       }}
+      screenListeners={{
+        tabPress: onTabPress,
+      }}
     >
       <Tab.Screen
         name="Home"
@@ -69,8 +79,8 @@ export default function Tabs(): React.JSX.Element {
           tabBarIcon: ({ color }) => <Home color={color} size={24} />,
         }}
         listeners={{
-          tabPress: onTabPress,
-          tabLongPress: onTabLongPress,
+          tabPress: onHomeTabPress,
+          tabLongPress: onHomeTabLongPress,
         }}
       />
       <Tab.Screen