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
889 B
TypeScript
38 lines
889 B
TypeScript
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,
|
|
},
|
|
})
|