diff options
Diffstat (limited to 'src/view/com/util/images/ImageHorzList.tsx')
-rw-r--r-- | src/view/com/util/images/ImageHorzList.tsx | 22 |
1 files changed, 13 insertions, 9 deletions
diff --git a/src/view/com/util/images/ImageHorzList.tsx b/src/view/com/util/images/ImageHorzList.tsx index 40f1948d6..5c232e0b4 100644 --- a/src/view/com/util/images/ImageHorzList.tsx +++ b/src/view/com/util/images/ImageHorzList.tsx @@ -7,21 +7,25 @@ import { ViewStyle, } from 'react-native' import {Image} from 'expo-image' +import {AppBskyEmbedImages} from '@atproto/api' -export function ImageHorzList({ - uris, - onPress, - style, -}: { - uris: string[] +interface Props { + images: AppBskyEmbedImages.ViewImage[] onPress?: (index: number) => void style?: StyleProp<ViewStyle> -}) { +} + +export function ImageHorzList({images, onPress, style}: Props) { return ( <View style={[styles.flexRow, style]}> - {uris.map((uri, i) => ( + {images.map(({thumb, alt}, i) => ( <TouchableWithoutFeedback key={i} onPress={() => onPress?.(i)}> - <Image source={{uri}} style={styles.image} /> + <Image + source={{uri: thumb}} + style={styles.image} + accessible={true} + accessibilityLabel={alt} + /> </TouchableWithoutFeedback> ))} </View> |