Eric Bailey
45f0f7eefe
* Direct port of embeds to new arch (cherry picked from commit cc3fa1f6cea396dd9222486c633a508bfee1ecd6) * Re-org * Split out ListEmbed and FeedEmbed * Split out ImageEmbed * DRY up a bit * Port over ExternalLinkEmbed * Port over Player and Gif embeds * Migrate ComposerReplyTo * Replace other usages of old post-embeds * Migrate view contexts * Copy pasta VideoEmbed * Copy pasta GifEmbed * Swap in new file location * Clean up * Fix up native * Add back in correct moderation on List and Feed embeds * Format * Prettier * delete old video utils * move bandwidth-estimate.ts * Remove log * Add LazyQuoteEmbed for composer use * Clean up unused things * Remove remaining items * Prettier * Fix imports * Handle nested quotes same as prod * Add back silenced error handling * Fix lint --------- Co-authored-by: Samuel Newman <mozzius@protonmail.com>
52 lines
1.1 KiB
TypeScript
52 lines
1.1 KiB
TypeScript
import {Pressable} from 'react-native'
|
|
import Animated, {
|
|
Extrapolation,
|
|
interpolate,
|
|
type SharedValue,
|
|
useAnimatedStyle,
|
|
} from 'react-native-reanimated'
|
|
import {msg} from '@lingui/macro'
|
|
import {useLingui} from '@lingui/react'
|
|
|
|
import {atoms as a, useTheme} from '#/alf'
|
|
import {useContextMenuContext} from './context'
|
|
|
|
export function Backdrop({
|
|
animation,
|
|
intensity = 50,
|
|
onPress,
|
|
}: {
|
|
animation: SharedValue<number>
|
|
intensity?: number
|
|
onPress?: () => void
|
|
}) {
|
|
const t = useTheme()
|
|
const {_} = useLingui()
|
|
const {mode} = useContextMenuContext()
|
|
|
|
const reduced = mode === 'auxiliary-only'
|
|
|
|
const target = reduced ? 0.05 : intensity / 100
|
|
|
|
const animatedStyle = useAnimatedStyle(() => ({
|
|
opacity: interpolate(
|
|
animation.get(),
|
|
[0, 1],
|
|
[0, target],
|
|
Extrapolation.CLAMP,
|
|
),
|
|
}))
|
|
|
|
return (
|
|
<Animated.View
|
|
style={[a.absolute, a.inset_0, t.atoms.bg_contrast_975, animatedStyle]}>
|
|
<Pressable
|
|
style={a.flex_1}
|
|
accessibilityLabel={_(msg`Close menu`)}
|
|
accessibilityHint={_(msg`Tap to close context menu`)}
|
|
onPress={onPress}
|
|
/>
|
|
</Animated.View>
|
|
)
|
|
}
|