chore: EventTypeWebWrapper base pr

apps/web/app/future/event-types/[type]/page.tsx

@@ -4,12 +4,12 @@ import { _generateMetadata } from "app/_utils";
 import { WithLayout } from "app/layoutHOC";
 import { cookies, headers } from "next/headers";
 
+import { EventType } from "@calcom/atoms/monorepo";
+
 import { buildLegacyCtx } from "@lib/buildLegacyCtx";
 import { getServerSideProps } from "@lib/event-types/[type]/getServerSideProps";
 import type { PageProps as EventTypePageProps } from "@lib/event-types/[type]/getServerSideProps";
 
-import EventTypePageWrapper from "~/event-types/views/event-types-single-view";
-
 export const generateMetadata = async ({ params, searchParams }: PageProps) => {
  const legacyCtx = buildLegacyCtx(headers(), cookies(), params, searchParams);
  const { eventType } = await getData(legacyCtx);
@@ -21,5 +21,5 @@ export const generateMetadata = async ({ params, searchParams }: PageProps) => {
 };
 
 const getData = withAppDirSsr(getServerSideProps);
-const Page = (props: EventTypePageProps) => <EventTypePageWrapper {...props} isAppDir={true} />;
+const Page = ({ type, ...rest }: EventTypePageProps) => <EventType {...rest} id={type} isAppDir={true} />;
 export default WithLayout({ getLayout: null, getData, Page })<"P">;

apps/web/modules/event-types/views/event-types-single-view.tsx

@@ -1,38 +1,11 @@
 "use client";
 
-import { EventType } from "@calcom/features/eventtypes/components/EventType";
-import { EventTypeAppDir } from "@calcom/features/eventtypes/components/EventTypeAppDir";
-import type { EventTypeSetupProps } from "@calcom/features/eventtypes/lib/types";
-
-/* eslint-disable @typescript-eslint/no-empty-function */
-// eslint-disable-next-line @calcom/eslint/deprecated-imports-next-router
-import { trpc } from "@calcom/trpc/react";
+import { EventType } from "@calcom/atoms/monorepo";
 
 import type { PageProps } from "@lib/event-types/[type]/getServerSideProps";
 
-const EventTypePageWrapper = (props: PageProps & { isAppDir?: boolean }) => {
- const { data } = trpc.viewer.eventTypes.get.useQuery({ id: props.type });
-
- if (!data) return null;
-
- const eventType = data.eventType;
-
- const { data: workflows } = trpc.viewer.workflows.getAllActiveWorkflows.useQuery({
- eventType: {
- id: props.type,
- teamId: eventType.teamId,
- userId: eventType.userId,
- parent: eventType.parent,
- metadata: eventType.metadata,
- },
- });
-
- const propsData = {
- ...(data as EventTypeSetupProps),
- allActiveWorkflows: workflows,
- };
-
- return props.isAppDir ? <EventTypeAppDir {...propsData} /> : <EventType {...propsData} />;
+const EventTypePageWrapper = ({ type, ...rest }: PageProps) => {
+ return <EventType {...rest} id={type} isAppDir={false} />;
 };
 
 export default EventTypePageWrapper;