fix(upnext): add hitSlop for improved touch responsiveness

Author: Robert27

src/app/(tabs)/(index)/dots.tsx

@@ -45,9 +45,8 @@ const stylesheet = createStyleSheet((theme) => ({
 	container: {
 		flex: 1,
 		paddingHorizontal: theme.margins.page,
-
 		paddingTop: 10,
-		paddingBottom: 16
+		paddingBottom: 40
 	},
 	headerContainer: {
 		flexDirection: 'row',

src/components/Cards/UpNextCard.tsx

@@ -369,7 +369,7 @@ const UpNextCard: React.FC = () => {
 		return (
 			<View style={styles.statsContainer}>
 				{NextEvent}
-				<Pressable style={styles.statsRow} onPress={navigateDots}>
+				<Pressable style={styles.statsRow} onPress={navigateDots} hitSlop={10}>
 					<View style={styles.progressDots}>
 						{Array.from({ length: todayStats.total }).map((_, index) =>
 							index < todayStats.completed ? (

src/components/provider.tsx

@@ -10,7 +10,7 @@ import { PersistQueryClientProvider } from '@tanstack/react-query-persist-client
 import { Toaster } from 'burnt/web'
 import { useSegments } from 'expo-router'
 import type React from 'react'
-import { StrictMode, useEffect } from 'react'
+import { useEffect } from 'react'
 import {
 	Appearance,
 	type AppStateStatus,
@@ -196,31 +196,29 @@ export default function Provider({
 	}, [theme])
 
 	return (
-		<StrictMode>
-			<GestureHandlerRootView style={styles.container}>
-				<PersistQueryClientProvider
-					client={queryClient}
-					persistOptions={{ persister: syncStoragePersister }}
-				>
-					<UnistylesProvider>
-						<ThemeProvider
-							value={
-								UnistylesRuntime.themeName === 'dark' ? DarkTheme : DefaultTheme
-							}
-						>
-							<BottomSheetModalProvider>
-								<UserKindContext.Provider value={userKind}>
-									<DashboardContext.Provider value={dashboard}>
-										<Toaster />
-										{children}
-									</DashboardContext.Provider>
-								</UserKindContext.Provider>
-							</BottomSheetModalProvider>
-						</ThemeProvider>
-					</UnistylesProvider>
-				</PersistQueryClientProvider>
-			</GestureHandlerRootView>
-		</StrictMode>
+		<GestureHandlerRootView style={styles.container}>
+			<PersistQueryClientProvider
+				client={queryClient}
+				persistOptions={{ persister: syncStoragePersister }}
+			>
+				<UnistylesProvider>
+					<ThemeProvider
+						value={
+							UnistylesRuntime.themeName === 'dark' ? DarkTheme : DefaultTheme
+						}
+					>
+						<BottomSheetModalProvider>
+							<UserKindContext.Provider value={userKind}>
+								<DashboardContext.Provider value={dashboard}>
+									<Toaster />
+									{children}
+								</DashboardContext.Provider>
+							</UserKindContext.Provider>
+						</BottomSheetModalProvider>
+					</ThemeProvider>
+				</UnistylesProvider>
+			</PersistQueryClientProvider>
+		</GestureHandlerRootView>
 	)
 }