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/util/post-embeds/CustomFeedEmbed.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/util/post-embeds/CustomFeedEmbed.tsx')
-rw-r--r-- | src/view/com/util/post-embeds/CustomFeedEmbed.tsx | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/src/view/com/util/post-embeds/CustomFeedEmbed.tsx b/src/view/com/util/post-embeds/CustomFeedEmbed.tsx new file mode 100644 index 000000000..5abdf2f77 --- /dev/null +++ b/src/view/com/util/post-embeds/CustomFeedEmbed.tsx @@ -0,0 +1,37 @@ +import React, {useMemo} from 'react' +import {AppBskyFeedDefs} from '@atproto/api' +import {usePalette} from 'lib/hooks/usePalette' +import {StyleSheet} from 'react-native' +import {useStores} from 'state/index' +import {CustomFeedModel} from 'state/models/feeds/custom-feed' +import {CustomFeed} from 'view/com/feeds/CustomFeed' + +export function CustomFeedEmbed({ + record, +}: { + record: AppBskyFeedDefs.GeneratorView +}) { + const pal = usePalette('default') + const store = useStores() + const item = useMemo( + () => new CustomFeedModel(store, record), + [store, record], + ) + return ( + <CustomFeed + item={item} + style={[pal.view, pal.border, styles.customFeedOuter]} + showLikes + /> + ) +} + +const styles = StyleSheet.create({ + customFeedOuter: { + borderWidth: 1, + borderRadius: 8, + marginTop: 4, + paddingHorizontal: 12, + paddingVertical: 12, + }, +}) |