Tweak haptics, add to post controls (#5977)

* change timing to 10ms, make ios only

* add haptics to post controls

* rm from like button

src/view/com/post-thread/PostThreadComposePrompt.tsx

@@ -5,10 +5,11 @@ import {useLingui} from '@lingui/react'
 
 import {PressableScale} from '#/lib/custom-animations/PressableScale'
 import {useHaptics} from '#/lib/haptics'
+import {isIOS} from '#/platform/detection'
 import {useProfileQuery} from '#/state/queries/profile'
 import {useSession} from '#/state/session'
 import {UserAvatar} from '#/view/com/util/UserAvatar'
-import {atoms as a, native, useBreakpoints, useTheme} from '#/alf'
+import {atoms as a, ios, useBreakpoints, useTheme} from '#/alf'
 import {useInteractionState} from '#/components/hooks/useInteractionState'
 import {Text} from '#/components/Typography'
 
@@ -41,14 +42,18 @@ export function PostThreadComposePrompt({
         t.atoms.border_contrast_low,
         t.atoms.bg,
       ]}
-      onPressIn={() => playHaptic('Light')}
+      onPressIn={ios(() => playHaptic('Light'))}
       onPress={() => {
         onPressCompose()
-        setTimeout(() => playHaptic('Medium'), 200)
+        if (isIOS) {
+          setTimeout(() => playHaptic('Medium'), 10)
+        } else {
+          playHaptic('Light')
+        }
       }}
-      onLongPress={native(() => {
+      onLongPress={ios(() => {
         onPressCompose()
-        setTimeout(() => playHaptic('Heavy'), 200)
+        playHaptic('Heavy')
       })}
       onHoverIn={onHoverIn}
       onHoverOut={onHoverOut}>

src/view/com/util/fab/FABInner.tsx

@@ -10,8 +10,8 @@ import {useMinimalShellFabTransform} from '#/lib/hooks/useMinimalShellTransform'
 import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries'
 import {clamp} from '#/lib/numbers'
 import {gradients} from '#/lib/styles'
-import {isWeb} from '#/platform/detection'
-import {native} from '#/alf'
+import {isIOS, isWeb} from '#/platform/detection'
+import {ios} from '#/alf'
 
 export interface FABProps
   extends ComponentProps<typeof TouchableWithoutFeedback> {
@@ -41,14 +41,18 @@ export function FABInner({testID, icon, onPress, ...props}: FABProps) {
       ]}>
       <PressableScale
         testID={testID}
-        onPressIn={() => playHaptic('Light')}
+        onPressIn={ios(() => playHaptic('Light'))}
         onPress={evt => {
           onPress?.(evt)
-          setTimeout(() => playHaptic('Medium'), 200)
+          if (isIOS) {
+            setTimeout(() => playHaptic('Medium'), 10)
+          } else {
+            playHaptic('Light')
+          }
         }}
-        onLongPress={native((evt: any) => {
+        onLongPress={ios((evt: any) => {
           onPress?.(evt)
-          setTimeout(() => playHaptic('Heavy'), 200)
+          playHaptic('Heavy')
         })}
         targetScale={0.9}
         {...props}>

src/view/com/util/post-ctrls/PostCtrls.tsx

@@ -250,6 +250,7 @@ let PostCtrls = ({
           style={btnStyle}
           onPress={() => {
             if (!post.viewer?.replyDisabled) {
+              playHaptic('Light')
               requireAuth(() => onPressReply())
             }
           }}

src/view/com/util/post-ctrls/RepostButton.tsx

@@ -51,9 +51,11 @@ let RepostButton = ({
       <Button
         testID="repostBtn"
         onPress={() => {
+          playHaptic('Light')
           requireAuth(() => dialogControl.open())
         }}
         onLongPress={() => {
+          playHaptic('Heavy')
           requireAuth(() => onQuote())
         }}
         style={[