mirror of https://git.lenooby09.tech/LeNooby09/social-app.git
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Expose more props from button (#4953)

authored by

Eric Bailey and committed by
GitHub
f235be98 3976d673

+55 -25
+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,