diff options
| author | Ansh <anshnanda10@gmail.com> | 2023-06-26 10:15:39 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-06-26 12:15:39 -0500 |
| commit | b9abd444e5c49420ba7a4e93bd781403349076ef (patch) | |
| tree | 2f6c122d912921700ec3c98b70b579cb9b6eafe0 /src/view/com/lists/ListsList.tsx | |
| parent | 1666a747eb346e3d6f9d64866881da4404fb3f56 (diff) | |
| download | voidsky-b9abd444e5c49420ba7a4e93bd781403349076ef.tar.zst | |
[APP-657] Add share list functionality (#863)
* 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`
Diffstat (limited to 'src/view/com/lists/ListsList.tsx')
| -rw-r--r-- | src/view/com/lists/ListsList.tsx | 13 |
1 files changed, 10 insertions, 3 deletions
diff --git a/src/view/com/lists/ListsList.tsx b/src/view/com/lists/ListsList.tsx index 09e3a501c..2b6f74c2b 100644 --- a/src/view/com/lists/ListsList.tsx +++ b/src/view/com/lists/ListsList.tsx @@ -6,6 +6,7 @@ import { StyleSheet, View, ViewStyle, + FlatList, } from 'react-native' import {observer} from 'mobx-react-lite' import { @@ -13,7 +14,6 @@ import { FontAwesomeIconStyle, } from '@fortawesome/react-native-fontawesome' import {AppBskyGraphDefs as GraphDefs} from '@atproto/api' -import {FlatList} from '../util/Views' import {ListCard} from './ListCard' import {ProfileCardFeedLoadingPlaceholder} from '../util/LoadingPlaceholder' import {ErrorMessage} from '../util/error/ErrorMessage' @@ -149,7 +149,11 @@ export const ListsList = observer( return renderItem ? ( renderItem(item) ) : ( - <ListCard list={item} testID={`list-${item.name}`} /> + <ListCard + list={item} + testID={`list-${item.name}`} + style={styles.item} + /> ) }, [ @@ -193,7 +197,7 @@ export const ListsList = observer( progressViewOffset={headerOffset} /> } - contentContainerStyle={s.contentContainer} + contentContainerStyle={[s.contentContainer]} style={{paddingTop: headerOffset}} onEndReached={onEndReached} onEndReachedThreshold={0.6} @@ -237,4 +241,7 @@ const styles = StyleSheet.create({ gap: 8, }, feedFooter: {paddingTop: 20}, + item: { + paddingHorizontal: 18, + }, }) |