lenooby09.tech
mirror of https://git.lenooby09.tech/LeNooby09/social-app.git
Expose more props from button (#4953)
authored by
Eric Bailey
and committed by
GitHub
f235be98
3976d673
+55
-25
+55
-25
src/components/Button.tsx
+55
-25
src/components/Button.tsx
···
1
1
import React from 'react'
2
2
import {
3
3
AccessibilityProps,
4
+
GestureResponderEvent,
5
+
MouseEvent,
4
6
Pressable,
5
7
PressableProps,
6
8
StyleProp,
···
65
67
66
68
export type ButtonProps = Pick<
67
69
PressableProps,
68
-
'disabled' | 'onPress' | 'testID' | 'onLongPress' | 'hitSlop'
70
+
| 'disabled'
71
+
| 'onPress'
72
+
| 'testID'
73
+
| 'onLongPress'
74
+
| 'hitSlop'
75
+
| 'onHoverIn'
76
+
| 'onHoverOut'
77
+
| 'onPressIn'
78
+
| 'onPressOut'
69
79
> &
70
80
AccessibilityProps &
71
81
VariantProps & {
···
115
125
focused: false,
116
126
})
117
127
118
-
const onPressIn = React.useCallback(() => {
119
-
setState(s => ({
120
-
...s,
121
-
pressed: true,
122
-
}))
123
-
}, [setState])
124
-
const onPressOut = React.useCallback(() => {
125
-
setState(s => ({
126
-
...s,
127
-
pressed: false,
128
-
}))
129
-
}, [setState])
130
-
const onHoverIn = React.useCallback(() => {
131
-
setState(s => ({
132
-
...s,
133
-
hovered: true,
134
-
}))
135
-
}, [setState])
136
-
const onHoverOut = React.useCallback(() => {
137
-
setState(s => ({
138
-
...s,
139
-
hovered: false,
140
-
}))
141
-
}, [setState])
128
+
const onPressInOuter = rest.onPressIn
129
+
const onPressIn = React.useCallback(
130
+
(e: GestureResponderEvent) => {
131
+
setState(s => ({
132
+
...s,
133
+
pressed: true,
134
+
}))
135
+
onPressInOuter?.(e)
136
+
},
137
+
[setState, onPressInOuter],
138
+
)
139
+
const onPressOutOuter = rest.onPressOut
140
+
const onPressOut = React.useCallback(
141
+
(e: GestureResponderEvent) => {
142
+
setState(s => ({
143
+
...s,
144
+
pressed: false,
145
+
}))
146
+
onPressOutOuter?.(e)
147
+
},
148
+
[setState, onPressOutOuter],
149
+
)
150
+
const onHoverInOuter = rest.onHoverIn
151
+
const onHoverIn = React.useCallback(
152
+
(e: MouseEvent) => {
153
+
setState(s => ({
154
+
...s,
155
+
hovered: true,
156
+
}))
157
+
onHoverInOuter?.(e)
158
+
},
159
+
[setState, onHoverInOuter],
160
+
)
161
+
const onHoverOutOuter = rest.onHoverOut
162
+
const onHoverOut = React.useCallback(
163
+
(e: MouseEvent) => {
164
+
setState(s => ({
165
+
...s,
166
+
hovered: false,
167
+
}))
168
+
onHoverOutOuter?.(e)
169
+
},
170
+
[setState, onHoverOutOuter],
171
+
)
142
172
const onFocus = React.useCallback(() => {
143
173
setState(s => ({
144
174
...s,