Bluesky app fork with some witchin' additions 💫

add android ripple effect to images in feed (#9273)

authored by samuel.fm and committed by

GitHub b1f1b205 9070fa9a

+14
+9
src/view/com/util/images/AutoSizedImage.tsx
··· 6 6 } from 'react-native-reanimated' 7 7 import {Image} from 'expo-image' 8 8 import {type AppBskyEmbedImages} from '@atproto/api' 9 + import {utils} from '@bsky.app/alf' 9 10 import {msg} from '@lingui/macro' 10 11 import {useLingui} from '@lingui/react' 11 12 ··· 205 206 accessibilityLabel={image.alt} 206 207 accessibilityHint={_(msg`Views full image`)} 207 208 accessibilityRole="button" 209 + android_ripple={{ 210 + color: utils.alpha(t.atoms.bg.backgroundColor, 0.2), 211 + foreground: true, 212 + }} 208 213 style={[ 209 214 a.w_full, 210 215 a.rounded_md, ··· 228 233 accessibilityLabel={image.alt} 229 234 accessibilityHint={_(msg`Views full image`)} 230 235 accessibilityRole="button" 236 + android_ripple={{ 237 + color: utils.alpha(t.atoms.bg.backgroundColor, 0.2), 238 + foreground: true, 239 + }} 231 240 style={[a.h_full]}> 232 241 {contents} 233 242 </Pressable>
+5
src/view/com/util/images/Gallery.tsx
··· 2 2 import {type AnimatedRef} from 'react-native-reanimated' 3 3 import {Image, type ImageStyle} from 'expo-image' 4 4 import {type AppBskyEmbedImages} from '@atproto/api' 5 + import {utils} from '@bsky.app/alf' 5 6 import {msg} from '@lingui/macro' 6 7 import {useLingui} from '@lingui/react' 7 8 ··· 60 61 } 61 62 onPressIn={onPressIn ? () => onPressIn(index) : undefined} 62 63 onLongPress={onLongPress ? () => onLongPress(index) : undefined} 64 + android_ripple={{ 65 + color: utils.alpha(t.atoms.bg.backgroundColor, 0.2), 66 + foreground: true, 67 + }} 63 68 style={[ 64 69 a.flex_1, 65 70 a.overflow_hidden,