diff --git a/apps/web/components/ui/LinkText.tsx b/apps/web/components/ui/LinkText.tsx index d9d71e0cac..5deca4ca77 100644 --- a/apps/web/components/ui/LinkText.tsx +++ b/apps/web/components/ui/LinkText.tsx @@ -4,16 +4,19 @@ interface ILinkTextProps { href: string; children: React.ReactNode; classNameChildren?: string; + target?: string; } /** * This component had to be made in order to make i18n work with next/link * @see https://github.com/i18next/react-i18next/issues/1090#issuecomment-615426145 **/ export const LinkText = (props: ILinkTextProps) => { - const { href, children, classNameChildren, ...moreProps } = props; + const { target, href, children, classNameChildren, ...moreProps } = props; return ( - {children} + + {children} + ); }; diff --git a/apps/web/components/v2/eventtype/EditLocationDialog.tsx b/apps/web/components/v2/eventtype/EditLocationDialog.tsx index 0c878a8eaa..4e3c832c38 100644 --- a/apps/web/components/v2/eventtype/EditLocationDialog.tsx +++ b/apps/web/components/v2/eventtype/EditLocationDialog.tsx @@ -1,6 +1,7 @@ import { ErrorMessage } from "@hookform/error-message"; import { zodResolver } from "@hookform/resolvers/zod"; import { isValidPhoneNumber } from "libphonenumber-js"; +import { Trans } from "next-i18next"; import { useEffect } from "react"; import { Controller, useForm, useWatch } from "react-hook-form"; import { z } from "zod"; @@ -24,6 +25,7 @@ import { Select } from "@calcom/ui/v2/"; import { QueryCell } from "@lib/QueryCell"; +import { LinkText } from "@components/ui/LinkText"; import CheckboxField from "@components/ui/form/CheckboxField"; type BookingItem = inferQueryOutput<"viewer.bookings">["bookings"][number]; @@ -308,6 +310,17 @@ export const EditLocationDialog = (props: ISetLocationDialog) => { }} /> {selectedLocation && LocationOptions} +
+