import { useLocale } from "@calcom/lib/hooks/useLocale"; import { trpc } from "@calcom/trpc/react"; import { HeadSeo } from "@calcom/ui"; interface BookerSeoProps { username: string; eventSlug: string; rescheduleUid: string | undefined; hideBranding?: boolean; isSEOIndexable?: boolean; isTeamEvent?: boolean; entity: { orgSlug?: string | null; teamSlug?: string | null; name?: string | null; }; } export const BookerSeo = (props: BookerSeoProps) => { const { eventSlug, username, rescheduleUid, hideBranding, isTeamEvent, entity, isSEOIndexable } = props; const { t } = useLocale(); const { data: event } = trpc.viewer.public.event.useQuery( { username, eventSlug, isTeamEvent, org: entity.orgSlug ?? null }, { refetchOnWindowFocus: false } ); const profileName = event?.profile?.name ?? ""; const profileImage = event?.profile?.image; const title = event?.title ?? ""; return ( ({ name: `${user.name}`, username: `${user.username}`, })), ], }} nextSeoProps={{ nofollow: event?.hidden || !isSEOIndexable, noindex: event?.hidden || !isSEOIndexable, }} isBrandingHidden={hideBranding} /> ); };