diff --git a/apps/renderer/src/components/feed-icon.tsx b/apps/renderer/src/components/feed-icon.tsx index b326615ef..3d43b9f94 100644 --- a/apps/renderer/src/components/feed-icon.tsx +++ b/apps/renderer/src/components/feed-icon.tsx @@ -150,7 +150,7 @@ export function FeedIcon({ ImageElement = ( diff --git a/apps/renderer/src/components/ui/platform-icon/index.tsx b/apps/renderer/src/components/ui/platform-icon/index.tsx index c42596842..54579f34b 100644 --- a/apps/renderer/src/components/ui/platform-icon/index.tsx +++ b/apps/renderer/src/components/ui/platform-icon/index.tsx @@ -16,17 +16,17 @@ const IconMap = Object.values(LinkParsers).reduce( const shouldAddWhiteBgUrls = ["1x.com"] export const PlatformIcon: FC<{ - url: string + url?: string children: React.JSX.Element className?: string style?: React.CSSProperties }> = ({ className, url, children, style, ...rest }) => { - const iconName = getSupportedPlatformIconName(url) + const iconName = url && getSupportedPlatformIconName(url) - if (!iconName || !IconMap[iconName]) { + if (!iconName || !IconMap[iconName] || !url) { return ( url.includes(_)) ? "bg-white" : ""} ${className}`} + className={`${url && shouldAddWhiteBgUrls.some((_) => url.includes(_)) ? "bg-white" : ""} ${className}`} style={style} {...rest} >