Ansh
b9abd444e5
* replace delete list button text with icon * fix mute list styling on desktop * add share button to nav bar on a list * fix styling when on profile * bug: add key to ImageHorzList * clean up code & refactor * fix styling for ListItems * create a reusable ListActions component for actions on a list * remove dead styles * add keys to ListActions * add helpers to set list embed * render list embeds * fix list sharing on web * make style prop optional in ListCard * update `@atproto/api` to `0.3.13`
38 lines
857 B
TypeScript
38 lines
857 B
TypeScript
import React from 'react'
|
|
import {StyleProp, StyleSheet, View, ViewStyle} from 'react-native'
|
|
import {Image} from 'expo-image'
|
|
import {AppBskyEmbedImages} from '@atproto/api'
|
|
|
|
interface Props {
|
|
images: AppBskyEmbedImages.ViewImage[]
|
|
style?: StyleProp<ViewStyle>
|
|
}
|
|
|
|
export function ImageHorzList({images, style}: Props) {
|
|
return (
|
|
<View style={[styles.flexRow, style]}>
|
|
{images.map(({thumb, alt}) => (
|
|
<Image
|
|
key={thumb}
|
|
source={{uri: thumb}}
|
|
style={styles.image}
|
|
accessible={true}
|
|
accessibilityIgnoresInvertColors
|
|
accessibilityHint={alt}
|
|
accessibilityLabel=""
|
|
/>
|
|
))}
|
|
</View>
|
|
)
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
flexRow: {flexDirection: 'row'},
|
|
image: {
|
|
width: 100,
|
|
height: 100,
|
|
borderRadius: 4,
|
|
marginRight: 5,
|
|
},
|
|
})
|