fix: placeholder in custom event name (#7247)

* fix: replace placeholder * refactor: replace placeholder into a separate function
calcom · Feb 23, 2023 · b018ee3 · b018ee3
1 parent 17345f9
commit b018ee3
Showing 1 changed file with 11 additions and 8 deletions.
diff --git a/apps/web/components/eventtype/EventAdvancedTab.tsx b/apps/web/components/eventtype/EventAdvancedTab.tsx
@@ -82,13 +82,14 @@ export const EventAdvancedTab = ({ eventType, team }: Pick<EventTypeSetupProps,
  setCustomInputs([...customInputs]);
  };
 
+ const replaceEventNamePlaceholder = (eventNameObject: EventNameObjectType, previewEventName: string) =>
+ previewEventName
+ .replace("{Event type title}", eventNameObject.eventType)
+ .replace("{Scheduler}", eventNameObject.attendeeName)
+ .replace("{Organiser}", eventNameObject.host);
+
  const changePreviewText = (eventNameObject: EventNameObjectType, previewEventName: string) => {
- setPreviewText(
- previewEventName
- .replace("{Event type title}", eventNameObject.eventType)
- .replace("{Scheduler}", eventNameObject.attendeeName)
- .replace("{Organiser}", eventNameObject.host)
- );
+ setPreviewText(replaceEventNamePlaceholder(eventNameObject, previewEventName));
  };
 
  useEffect(() => {
@@ -101,6 +102,8 @@ export const EventAdvancedTab = ({ eventType, team }: Pick<EventTypeSetupProps,
  }
  }, [eventType.customInputs]);
 
+ const eventNamePlaceholder = replaceEventNamePlaceholder(eventNameObject, t("meeting_with_user"));
+
  return (
  <div className="flex flex-col space-y-8">
  {/**
@@ -141,7 +144,7 @@ export const EventAdvancedTab = ({ eventType, team }: Pick<EventTypeSetupProps,
  <TextField
  label={t("event_name_in_calendar")}
  type="text"
- placeholder={t("meeting_with_user")}
+ placeholder={eventNamePlaceholder}
  defaultValue={eventType.eventName || ""}
  {...formMethods.register("eventName", {
  onChange: (e) => {
@@ -413,7 +416,7 @@ export const EventAdvancedTab = ({ eventType, team }: Pick<EventTypeSetupProps,
  <TextField
  label={t("event_name_in_calendar")}
  type="text"
- placeholder={t("meeting_with_user")}
+ placeholder={eventNamePlaceholder}
  defaultValue={eventType.eventName || ""}
  {...formMethods.register("eventName", {
  onChange: (e) => {