diff --git a/src/components/VideoPostCard.tsx b/src/components/VideoPostCard.tsx index 840cef19eb..def77bfeff 100644 --- a/src/components/VideoPostCard.tsx +++ b/src/components/VideoPostCard.tsx @@ -16,7 +16,7 @@ import {sanitizeHandle} from '#/lib/strings/handles' import {formatCount} from '#/view/com/util/numeric/format' import {UserAvatar} from '#/view/com/util/UserAvatar' import {type VideoFeedSourceContext} from '#/screens/VideoFeed/types' -import {atoms as a, useTheme} from '#/alf' +import {atoms as a, platform, useTheme} from '#/alf' import {BLUE_HUE} from '#/alf/util/colorGeneration' import {select} from '#/alf/util/themeSelector' import {useInteractionState} from '#/components/hooks/useInteractionState' @@ -28,6 +28,8 @@ import {MediaInsetBorder} from '#/components/MediaInsetBorder' import * as Hider from '#/components/moderation/Hider' import {Text} from '#/components/Typography' import * as bsky from '#/types/bsky' +import {useSimpleVerificationState} from './verification' +import {VerificationCheck} from './verification/VerificationCheck' function getBlackColor(t: ReturnType) { return select(t.name, { @@ -51,6 +53,7 @@ export function VideoPostCard({ */ onInteract?: () => void }) { + const verification = useSimpleVerificationState({profile: post.author}) const t = useTheme() const {_, i18n} = useLingui() const embed = post.embed @@ -102,16 +105,31 @@ export function VideoPostCard({ - - {sanitizeHandle(post.author.handle, '@')} - + + + {sanitizeHandle(post.author.handle, '@')} + + {verification.showBadge && ( + + + + )} + )