about summary refs log tree commit diff
path: root/src/view/com/util/post-embeds/CustomFeedEmbed.tsx
diff options
context:
space:
mode:
authorAnsh <anshnanda10@gmail.com>2023-06-26 10:15:39 -0700
committerGitHub <noreply@github.com>2023-06-26 12:15:39 -0500
commitb9abd444e5c49420ba7a4e93bd781403349076ef (patch)
tree2f6c122d912921700ec3c98b70b579cb9b6eafe0 /src/view/com/util/post-embeds/CustomFeedEmbed.tsx
parent1666a747eb346e3d6f9d64866881da4404fb3f56 (diff)
downloadvoidsky-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.tsx37
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,
+  },
+})