diff --git a/apps/web/components/eventtype/EventAdvancedTab.tsx b/apps/web/components/eventtype/EventAdvancedTab.tsx index caee60c5cc..1ee0e6e70f 100644 --- a/apps/web/components/eventtype/EventAdvancedTab.tsx +++ b/apps/web/components/eventtype/EventAdvancedTab.tsx @@ -1,6 +1,5 @@ import { InfoIcon } from "lucide-react"; import dynamic from "next/dynamic"; -import Link from "next/link"; import type { EventTypeSetupProps } from "pages/event-types/[type]"; import { useEffect, useState } from "react"; import { Controller, useFormContext } from "react-hook-form"; @@ -20,6 +19,7 @@ import { FormBuilder } from "@calcom/features/form-builder/FormBuilder"; import type { EditableSchema } from "@calcom/features/form-builder/schema"; import { BookerLayoutSelector } from "@calcom/features/settings/BookerLayoutSelector"; import { classNames } from "@calcom/lib"; +import cx from "@calcom/lib/classNames"; import { APP_NAME, IS_VISUAL_REGRESSION_TESTING, WEBSITE_URL } from "@calcom/lib/constants"; import { generateHashedLink } from "@calcom/lib/generateHashedLink"; import { useLocale } from "@calcom/lib/hooks/useLocale"; @@ -148,96 +148,89 @@ export const EventAdvancedTab = ({ eventType, team }: Pick - {displayDestinationCalendarSelector && ( -
-
-
- -
- - {t("add_another_calendar")} - +
+ {displayDestinationCalendarSelector && ( +
+ + ( + + )} + /> +

{t("select_which_cal")}

- ( - - )} + )} +
+ setShowEventNameTip((old) => !old)}> + + + } /> -

{t("select_which_cal")}

- )} -
- setShowEventNameTip((old) => !old)}> - - - } - />
- {displayDestinationCalendarSelector && ( -
- - {t("display_add_to_calendar_organizer")} - - - } - checked={useEventTypeDestinationCalendarEmail} - onCheckedChange={(val) => { - setUseEventTypeDestinationCalendarEmail(val); - formMethods.setValue("useEventTypeDestinationCalendarEmail", val, { shouldDirty: true }); - if (val) { - showToast(t("reconnect_calendar_to_use"), "warning"); +
+ {displayDestinationCalendarSelector && ( +
+ + {t("display_add_to_calendar_organizer")} + + } - }} - /> -
- )} - {!useEventTypeDestinationCalendarEmail && verifiedSecondaryEmails.length > 1 && !team && ( -
- - {t("default")} {user?.email || ""} - - ) - } - onChange={(option) => - formMethods.setValue("secondaryEmailId", option?.value, { shouldDirty: true }) - } - value={verifiedSecondaryEmails.find( - (secondaryEmail) => - selectedSecondaryEmailId !== -1 && secondaryEmail.value === selectedSecondaryEmailId - )} - options={verifiedSecondaryEmails} - /> -
- )} + checked={useEventTypeDestinationCalendarEmail} + onCheckedChange={(val) => { + setUseEventTypeDestinationCalendarEmail(val); + formMethods.setValue("useEventTypeDestinationCalendarEmail", val, { shouldDirty: true }); + if (val) { + showToast(t("reconnect_calendar_to_use"), "warning"); + } + }} + /> +
+ )} + {!useEventTypeDestinationCalendarEmail && verifiedSecondaryEmails.length > 0 && !team && ( +
+ + {t("default")} {user?.email || ""} + + ) + } + onChange={(option) => + formMethods.setValue("secondaryEmailId", option?.value, { shouldDirty: true }) + } + value={verifiedSecondaryEmails.find( + (secondaryEmail) => + selectedSecondaryEmailId !== -1 && secondaryEmail.value === selectedSecondaryEmailId + )} + options={verifiedSecondaryEmails} + /> +

{t("display_email_as_organizer")}

+
+ )} +
diff --git a/apps/web/public/static/locales/en/common.json b/apps/web/public/static/locales/en/common.json index 02b8808589..3acc201ff6 100644 --- a/apps/web/public/static/locales/en/common.json +++ b/apps/web/public/static/locales/en/common.json @@ -804,14 +804,16 @@ "add_attendees": "Add attendees", "show_advanced_settings": "Show advanced settings", "event_name": "Event Name", - "event_name_in_calendar": "Event name in calendar", + "event_name_in_calendar": "With event name", "event_name_tooltip": "The name that will appear in calendars", "meeting_with_user": "{Event type title} between {Organiser} & {Scheduler}", "additional_inputs": "Additional Inputs", "additional_input_description": "Require scheduler to input additional inputs prior the booking is confirmed", "label": "Label", "placeholder": "Placeholder", - "display_add_to_calendar_organizer": "Display 'Add to calendar' email as the organizer", + "display_add_to_calendar_organizer":"Use \"Add to calendar\" email as the organizer", + "display_email_as_organizer": "We'll display this email address as the organizer, and send confirmation emails here.", + "if_enabled_email_address_as_organizer": "If enabled, we'll display the email address from your \"Add to calendar\" as organizer and send confirmation emails there", "reconnect_calendar_to_use": "Please note that you may need to disconnect and then reconnect your 'Add to Calendar' account to use this feature.", "type": "Type", "edit": "Edit", @@ -1316,7 +1318,7 @@ "event_setup_multiple_duration_default_error": "Event Setup: Please select a valid default duration.", "event_setup_booking_limits_error": "Booking limits must be in ascending order. [day, week, month, year]", "event_setup_duration_limits_error": "Duration limits must be in ascending order. [day, week, month, year]", - "select_which_cal": "Select which calendar to add bookings to", + "select_which_cal": "The calendar to add bookings to", "custom_event_name": "Custom event name", "custom_event_name_description": "Create customised event names to display on calendar event", "2fa_required": "Two factor authentication required", diff --git a/packages/features/calendars/DestinationCalendarSelector.tsx b/packages/features/calendars/DestinationCalendarSelector.tsx index 1d75a17319..b4cc86e803 100644 --- a/packages/features/calendars/DestinationCalendarSelector.tsx +++ b/packages/features/calendars/DestinationCalendarSelector.tsx @@ -126,7 +126,9 @@ const DestinationCalendarSelector = ({ const queryDestinationCalendar = query.data.destinationCalendar; return ( -
+