diff --git a/src/view/com/composer/ExternalEmbed.tsx b/src/view/com/composer/ExternalEmbed.tsx
index 43e447fdc3..e4bdabac32 100644
--- a/src/view/com/composer/ExternalEmbed.tsx
+++ b/src/view/com/composer/ExternalEmbed.tsx
@@ -1,19 +1,20 @@
import React from 'react'
-import {StyleProp, View, ViewStyle} from 'react-native'
+import {type StyleProp, View, type ViewStyle} from 'react-native'
import {cleanError} from '#/lib/strings/errors'
import {
useResolveGifQuery,
useResolveLinkQuery,
} from '#/state/queries/resolve-link'
-import {Gif} from '#/state/queries/tenor'
+import {type Gif} from '#/state/queries/tenor'
import {ExternalEmbedRemoveBtn} from '#/view/com/composer/ExternalEmbedRemoveBtn'
import {atoms as a, useTheme} from '#/alf'
import {Loader} from '#/components/Loader'
import {ExternalEmbed} from '#/components/Post/Embed/ExternalEmbed'
+import {ModeratedFeedEmbed} from '#/components/Post/Embed/FeedEmbed'
+import {ModeratedListEmbed} from '#/components/Post/Embed/ListEmbed'
import {Embed as StarterPackEmbed} from '#/components/StarterPack/StarterPackCard'
import {Text} from '#/components/Typography'
-import {MaybeFeedCard, MaybeListCard} from '../util/post-embeds'
export const ExternalEmbedGif = ({
onRemove,
@@ -91,9 +92,29 @@ export const ExternalEmbedLink = ({
/>
)
} else if (data.kind === 'feed') {
- return
+ return (
+
+ )
} else if (data.kind === 'list') {
- return
+ return (
+
+ )
} else if (data.kind === 'starter-pack') {
return
}
diff --git a/src/view/com/util/post-embeds/index.tsx b/src/view/com/util/post-embeds/index.tsx
deleted file mode 100644
index 0a5cb1af44..0000000000
--- a/src/view/com/util/post-embeds/index.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import React from 'react'
-import {StyleSheet, View} from 'react-native'
-import {
- type AppBskyFeedDefs,
- type AppBskyGraphDefs,
- moderateFeedGenerator,
- moderateUserList,
-} from '@atproto/api'
-
-import {usePalette} from '#/lib/hooks/usePalette'
-import {useModerationOpts} from '#/state/preferences/moderation-opts'
-import {FeedSourceCard} from '#/view/com/feeds/FeedSourceCard'
-import {atoms as a, useTheme} from '#/alf'
-import * as ListCard from '#/components/ListCard'
-import {ContentHider} from '../../../../components/moderation/ContentHider'
-
-export function MaybeFeedCard({view}: {view: AppBskyFeedDefs.GeneratorView}) {
- const pal = usePalette('default')
- const moderationOpts = useModerationOpts()
- const moderation = React.useMemo(() => {
- return moderationOpts
- ? moderateFeedGenerator(view, moderationOpts)
- : undefined
- }, [view, moderationOpts])
-
- return (
-
-
-
- )
-}
-
-export function MaybeListCard({view}: {view: AppBskyGraphDefs.ListView}) {
- const moderationOpts = useModerationOpts()
- const moderation = React.useMemo(() => {
- return moderationOpts ? moderateUserList(view, moderationOpts) : undefined
- }, [view, moderationOpts])
- const t = useTheme()
-
- return (
-
-
-
-
-
- )
-}
-
-const styles = StyleSheet.create({
- altContainer: {
- backgroundColor: 'rgba(0, 0, 0, 0.75)',
- borderRadius: 6,
- paddingHorizontal: 6,
- paddingVertical: 3,
- position: 'absolute',
- right: 6,
- bottom: 6,
- },
- alt: {
- color: 'white',
- fontSize: 7,
- fontWeight: '600',
- },
- customFeedOuter: {
- borderWidth: StyleSheet.hairlineWidth,
- borderRadius: 8,
- paddingHorizontal: 12,
- paddingVertical: 12,
- },
-})