refactor: event setup tab web wrapper (calcom#16672)

* chore: EventTypeWebWrapper base pr * fixup! chore: EventTypeWebWrapper base pr * fixup! Merge branch 'main' into morgan/cal-4183-eventtypeatom-web-wrapper-base * wip * fix: error * Event type atom wrapper handles app dir * fixup! Merge branch 'main' into morgan/cal-4183-eventtypeatom-web-wrapper-base * fixup! fixup! Merge branch 'main' into morgan/cal-4183-eventtypeatom-web-wrapper-base * remove console log * refactor: event-type-atom (setup tab) * review comments * update: better naming * fixup! review comments * revert: defaultMenuIsOpen --will create a separate PR --------- Co-authored-by: Morgan Vernay <[email protected]> Co-authored-by: Morgan <[email protected]>
grepdemos · Sep 18, 2024 · abb4fd3 · abb4fd3
1 parent a9ebb0d
commit abb4fd3
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 7 deletions.
diff --git a/packages/features/eventtypes/components/tabs/setup/EventSetupTab.tsx b/packages/features/eventtypes/components/tabs/setup/EventSetupTab.tsx
@@ -15,12 +15,11 @@ import { slugify } from "@calcom/lib/slugify";
 import turndown from "@calcom/lib/turndownService";
 import { Label, Select, SettingsToggle, Skeleton, TextField, Editor } from "@calcom/ui";
 
-export const EventSetupTab = (
-  props: Pick<
-    EventTypeSetupProps,
-    "eventType" | "locationOptions" | "team" | "teamMembers" | "destinationCalendar"
-  >
-) => {
+export type EventSetupTabProps = Pick<
+  EventTypeSetupProps,
+  "eventType" | "locationOptions" | "team" | "teamMembers" | "destinationCalendar"
+>;
+export const EventSetupTab = (props: EventSetupTabProps) => {
   const { t } = useLocale();
   const formMethods = useFormContext<FormValues>();
   const { eventType, team } = props;

diff --git a/packages/platform/atoms/event-types/wrappers/EventSetupTabWebWrapper.tsx b/packages/platform/atoms/event-types/wrappers/EventSetupTabWebWrapper.tsx
@@ -0,0 +1,8 @@
+import type { EventSetupTabProps } from "@calcom/features/eventtypes/components/tabs/setup/EventSetupTab";
+import { EventSetupTab } from "@calcom/features/eventtypes/components/tabs/setup/EventSetupTab";
+
+const EventSetupTabWebWrapper = (props: EventSetupTabProps) => {
+  return <EventSetupTab {...props} />;
+};
+
+export default EventSetupTabWebWrapper;
diff --git a/packages/platform/atoms/event-types/wrappers/EventTypeWebWrapper.tsx b/packages/platform/atoms/event-types/wrappers/EventTypeWebWrapper.tsx
@@ -32,7 +32,7 @@ const AssignmentWarningDialog = dynamic(
 
 const EventSetupTab = dynamic(() =>
   // import web wrapper when it's ready
-  import("@calcom/features/eventtypes/components/tabs/setup/EventSetupTab").then((mod) => mod.EventSetupTab)
+  import("./EventSetupTabWebWrapper").then((mod) => mod)
 );
 
 const EventAvailabilityTab = dynamic(() =>