From 57b557fe405a3a3e813202532d430bde2bb967d2 Mon Sep 17 00:00:00 2001 From: Eric Bailey Date: Sat, 6 Jun 2026 11:53:17 -0500 Subject: [PATCH] Hide domain if matches handle, new Standard Site icon treatment --- .../StandardSiteEmbed/StandardSiteMetaRow.tsx | 9 ++++--- .../Post/Embed/StandardSiteEmbed/index.tsx | 27 ++++++++++++++++++- 2 files changed, 32 insertions(+), 4 deletions(-) diff --git a/src/components/Post/Embed/StandardSiteEmbed/StandardSiteMetaRow.tsx b/src/components/Post/Embed/StandardSiteEmbed/StandardSiteMetaRow.tsx index 8c1187216c..a6eb4bd403 100644 --- a/src/components/Post/Embed/StandardSiteEmbed/StandardSiteMetaRow.tsx +++ b/src/components/Post/Embed/StandardSiteEmbed/StandardSiteMetaRow.tsx @@ -6,7 +6,6 @@ import {Trans, useLingui} from '@lingui/react/macro' import {makeProfileLink} from '#/lib/routes/links' import {toNiceDomain} from '#/lib/strings/url-helpers' import {atoms as a, useTheme} from '#/alf' -import {StandardSite} from '#/components/icons/community/StandardSite' import {InlineLinkText} from '#/components/Link' import { matchStandardSitePublisher, @@ -47,7 +46,11 @@ export function StandardSiteMetaRow({ : undefined const articleDomain = toNiceDomain(view.uri) const articlePublisher = matchStandardSitePublisherByUri(view.uri) - const DomainIcon = articlePublisher?.Icon || StandardSite + const domainHandleMatch = + authorProfile?.handle && + (articleDomain === authorProfile.handle || + articleDomain.endsWith(`.${authorProfile.handle}`)) + const DomainIcon = articlePublisher?.Icon const metaTextStyle = [ a.text_xs, a.leading_tight, @@ -56,7 +59,7 @@ export function StandardSiteMetaRow({ const items: {key: string; node: ReactNode}[] = [] - if (!highlightedPublisher) { + if (!highlightedPublisher && !domainHandleMatch) { items.push({ key: 'domain', node: ( diff --git a/src/components/Post/Embed/StandardSiteEmbed/index.tsx b/src/components/Post/Embed/StandardSiteEmbed/index.tsx index b328bc38ff..dc60db53ad 100644 --- a/src/components/Post/Embed/StandardSiteEmbed/index.tsx +++ b/src/components/Post/Embed/StandardSiteEmbed/index.tsx @@ -15,6 +15,7 @@ import {Divider} from '#/components/Divider' import {useInteractionState} from '#/components/hooks/useInteractionState' import {ArrowTopRight_Stroke2_Corner0_Rounded as ArrowTopRightIcon} from '#/components/icons/Arrow' import {Clock_Stroke2_Corner0_Rounded as Clock} from '#/components/icons/Clock' +import {StandardSite} from '#/components/icons/community/StandardSite' import {Link} from '#/components/Link' import {MediaInsetBorder} from '#/components/MediaInsetBorder' import {matchStandardSitePublisher} from '#/components/Post/Embed/StandardSiteEmbed/publishers' @@ -535,8 +536,9 @@ function PublicationIcon({ interacted?: boolean themeColors: ssTypes.ThemeColors }) { + const t = useTheme() if (!view.source) return null - return view.source?.icon ? ( + const icon = view.source?.icon ? ( ) + return ( + + + + + + {icon} + + ) } export function PublicationFooter({