fix: progress bar hit slop for better touch

khushal87 · khushal87 · commit 745c3bc6967e · 2025-02-04T11:55:39.000+05:30
diff --git a/package/src/components/ProgressControl/ProgressControl.tsx b/package/src/components/ProgressControl/ProgressControl.tsx
@@ -56,7 +56,7 @@ const ProgressControlThumb = () => {
   } = useTheme();
   return (
     <View
-      hitSlop={{ top: 20, bottom: 20, left: 20, right: 20 }}
+      hitSlop={{ bottom: 20, left: 20, right: 20, top: 20 }}
       style={[
         styles.progressControlThumbStyle,
         { backgroundColor: static_white, borderColor: grey_dark, shadowColor: black },
diff --git a/package/src/components/ProgressControl/WaveProgressBar.tsx b/package/src/components/ProgressControl/WaveProgressBar.tsx
@@ -54,7 +54,7 @@ const ProgressControlThumb = ({ style }: { style?: StyleProp<ViewStyle> }) => {
   } = useTheme();
   return (
     <View
-      hitSlop={{ top: 20, bottom: 20, left: 20, right: 20 }}
+      hitSlop={{ bottom: 20, left: 20, right: 20, top: 20 }}
       style={[
         styles.progressControlThumbStyle,
         {

Original file line number	Diff line number	Diff line change
`@@ -54,7 +54,7 @@ const ProgressControlThumb = ({ style }: { style?: StyleProp<ViewStyle> }) => {`
`54`	`54`	`} = useTheme();`
`55`	`55`	`return (`
`56`	`56`	`<View`
`57`		`- hitSlop={{ top: 20, bottom: 20, left: 20, right: 20 }}`
	`57`	`+ hitSlop={{ bottom: 20, left: 20, right: 20, top: 20 }}`
`58`	`58`	`style={[`
`59`	`59`	`styles.progressControlThumbStyle,`
`60`	`60`	`{`