diff --git a/web/components/user/user-handles.tsx b/web/components/user/user-handles.tsx index 38178fe4..904ff75d 100644 --- a/web/components/user/user-handles.tsx +++ b/web/components/user/user-handles.tsx @@ -20,18 +20,20 @@ export function UserHandles(props: {links: Socials; className?: string}) { const display = sortBy( Object.entries(links), ([platform]) => -[...SITE_ORDER].reverse().indexOf(platform as Site), - ).map(([platform, label]) => { - let renderedLabel: string = LABELS_TO_RENDER.includes(platform) - ? PLATFORM_LABELS[platform as Site] - : label - renderedLabel = renderedLabel?.replace(/\/+$/, '') // remove trailing slashes - renderedLabel = renderedLabel?.replace(/^(https?:\/\/)?(www\.)?/, '') // remove protocol and www - return { - platform, - label: renderedLabel, - url: getSocialUrl(platform as any, label), - } - }) + ) + .filter(([platform, label]) => !!label && !!platform) + .map(([platform, label]) => { + let renderedLabel: string = LABELS_TO_RENDER.includes(platform) + ? PLATFORM_LABELS[platform as Site] + : label + renderedLabel = renderedLabel?.replace(/\/+$/, '') // remove trailing slashes + renderedLabel = renderedLabel?.replace(/^(https?:\/\/)?(www\.)?/, '') // remove protocol and www + return { + platform, + label: renderedLabel, + url: getSocialUrl(platform as any, label), + } + }) if (display.length === 0) { return null