diff --git a/apps/web/components/apps/CalendarListContainer.tsx b/apps/web/components/apps/CalendarListContainer.tsx
index 2c070447b6..953d63f9ee 100644
--- a/apps/web/components/apps/CalendarListContainer.tsx
+++ b/apps/web/components/apps/CalendarListContainer.tsx
@@ -2,7 +2,7 @@ import { Fragment, useEffect } from "react";
import { InstallAppButton } from "@calcom/app-store/components";
import {
- SelectedCalendarSettingsWebWrapper,
+ SelectedCalendarsSettingsWebWrapper,
DestinationCalendarSettingsWebWrapper,
} from "@calcom/atoms/monorepo";
import { useLocale } from "@calcom/lib/hooks/useLocale";
@@ -107,7 +107,7 @@ export function CalendarListContainer(props: { heading?: boolean; fromOnboarding
{heading && (
<>
- >}
classNames={classNames?.destinationCalendarSettingsCustomClassnames}
/>
-
diff --git a/packages/platform/atoms/index.ts b/packages/platform/atoms/index.ts
index 395c1ef5fe..ceb98aa9e0 100644
--- a/packages/platform/atoms/index.ts
+++ b/packages/platform/atoms/index.ts
@@ -20,6 +20,6 @@ export { useDeleteCalendarCredentials } from "./hooks/calendars/useDeleteCalenda
export { useAddSelectedCalendar } from "./hooks/calendars/useAddSelectedCalendar";
export { useRemoveSelectedCalendar } from "./hooks/calendars/useRemoveSelectedCalendar";
export { useTeams } from "./hooks/teams/useTeams";
-export { SelectedCalendarSettingsPlatformWrapper as SelectedCalendarSettings } from "./selected-calendar/index";
+export { SelectedCalendarsSettingsPlatformWrapper as SelectedCalendarsSettings } from "./selected-calendars/index";
export { DestinationCalendarSettingsPlatformWrapper as DestinationCalendarSettings } from "./destination-calendar/index";
export { CalendarSettingsPlatformWrapper as CalendarSettings } from "./calendar-settings/index";
diff --git a/packages/platform/atoms/monorepo.ts b/packages/platform/atoms/monorepo.ts
index 9fc847c78a..37b0130a6b 100644
--- a/packages/platform/atoms/monorepo.ts
+++ b/packages/platform/atoms/monorepo.ts
@@ -7,5 +7,5 @@ export { useEventTypeById } from "./hooks/event-types/private/useEventTypeById";
export { useHandleBookEvent } from "./hooks/useHandleBookEvent";
export * as Dialog from "./src/components/ui/dialog";
export { Timezone } from "./timezone";
-export { SelectedCalendarSettingsWebWrapper } from "./selected-calendar/wrappers/SelectedCalendarSettingsWebWrapper";
+export { SelectedCalendarsSettingsWebWrapper } from "./selected-calendars/wrappers/SelectedCalendarsSettingsWebWrapper";
export { DestinationCalendarSettingsWebWrapper } from "./destination-calendar/wrappers/DestinationCalendarSettingsWebWrapper";
diff --git a/packages/platform/atoms/selected-calendar/index.ts b/packages/platform/atoms/selected-calendar/index.ts
deleted file mode 100644
index b5e78e6425..0000000000
--- a/packages/platform/atoms/selected-calendar/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { SelectedCalendarSettingsPlatformWrapper } from "./wrappers/SelectedCalendarSettingsPlatformWrapper";
diff --git a/packages/platform/atoms/selected-calendar/SelectedCalendarSettings.tsx b/packages/platform/atoms/selected-calendars/SelectedCalendarsSettings.tsx
similarity index 66%
rename from packages/platform/atoms/selected-calendar/SelectedCalendarSettings.tsx
rename to packages/platform/atoms/selected-calendars/SelectedCalendarsSettings.tsx
index 0aa1f5dade..b3a949856c 100644
--- a/packages/platform/atoms/selected-calendar/SelectedCalendarSettings.tsx
+++ b/packages/platform/atoms/selected-calendars/SelectedCalendarsSettings.tsx
@@ -2,6 +2,6 @@ import type { ReactNode } from "react";
import { cn } from "../src/lib/utils";
-export const SelectedCalendarSettings = (props: { children: ReactNode; classNames?: string }) => {
+export const SelectedCalendarsSettings = (props: { children: ReactNode; classNames?: string }) => {
return {props.children}
;
};
diff --git a/packages/platform/atoms/selected-calendars/index.ts b/packages/platform/atoms/selected-calendars/index.ts
new file mode 100644
index 0000000000..141d3b9a0d
--- /dev/null
+++ b/packages/platform/atoms/selected-calendars/index.ts
@@ -0,0 +1 @@
+export { SelectedCalendarsSettingsPlatformWrapper } from "./wrappers/SelectedCalendarsSettingsPlatformWrapper";
diff --git a/packages/platform/atoms/selected-calendar/wrappers/SelectedCalendarSettingsPlatformWrapper.tsx b/packages/platform/atoms/selected-calendars/wrappers/SelectedCalendarsSettingsPlatformWrapper.tsx
similarity index 96%
rename from packages/platform/atoms/selected-calendar/wrappers/SelectedCalendarSettingsPlatformWrapper.tsx
rename to packages/platform/atoms/selected-calendars/wrappers/SelectedCalendarsSettingsPlatformWrapper.tsx
index 6e28d35a9f..61764b26f6 100644
--- a/packages/platform/atoms/selected-calendar/wrappers/SelectedCalendarSettingsPlatformWrapper.tsx
+++ b/packages/platform/atoms/selected-calendars/wrappers/SelectedCalendarsSettingsPlatformWrapper.tsx
@@ -20,9 +20,9 @@ import { useConnectedCalendars } from "../../hooks/useConnectedCalendars";
import { AtomsWrapper } from "../../src/components/atoms-wrapper";
import { Switch } from "../../src/components/ui/switch";
import { useToast } from "../../src/components/ui/use-toast";
-import { SelectedCalendarSettings } from "../SelectedCalendarSettings";
+import { SelectedCalendarsSettings } from "../SelectedCalendarsSettings";
-export const SelectedCalendarSettingsPlatformWrapper = ({
+export const SelectedCalendarsSettingsPlatformWrapper = ({
classNames = "mx-5 mb-6",
}: {
classNames?: string;
@@ -43,8 +43,8 @@ export const SelectedCalendarSettingsPlatformWrapper = ({
}
return (
-
-
+
+
{data.connectedCalendars.map((connectedCalendar) => {
if (!!connectedCalendar.calendars && connectedCalendar.calendars.length > 0) {
@@ -112,7 +112,7 @@ export const SelectedCalendarSettingsPlatformWrapper = ({
);
})}
-
+
);
}}
/>
@@ -121,7 +121,7 @@ export const SelectedCalendarSettingsPlatformWrapper = ({
);
};
-const SelectedCalendarSettingsHeading = () => {
+const SelectedCalendarsSettingsHeading = () => {
const { t } = useLocale();
return (
diff --git a/packages/platform/atoms/selected-calendar/wrappers/SelectedCalendarSettingsWebWrapper.tsx b/packages/platform/atoms/selected-calendars/wrappers/SelectedCalendarsSettingsWebWrapper.tsx
similarity index 93%
rename from packages/platform/atoms/selected-calendar/wrappers/SelectedCalendarSettingsWebWrapper.tsx
rename to packages/platform/atoms/selected-calendars/wrappers/SelectedCalendarsSettingsWebWrapper.tsx
index 8620f66cd7..ffe36056df 100644
--- a/packages/platform/atoms/selected-calendar/wrappers/SelectedCalendarSettingsWebWrapper.tsx
+++ b/packages/platform/atoms/selected-calendars/wrappers/SelectedCalendarsSettingsWebWrapper.tsx
@@ -11,9 +11,9 @@ import { List } from "@calcom/ui";
import AppListCard from "@calcom/web/components/AppListCard";
import AdditionalCalendarSelector from "@calcom/web/components/apps/AdditionalCalendarSelector";
-import { SelectedCalendarSettings } from "../SelectedCalendarSettings";
+import { SelectedCalendarsSettings } from "../SelectedCalendarsSettings";
-type SelectedCalendarSettingsWebWrapperProps = {
+type SelectedCalendarsSettingsWebWrapperProps = {
onChanged: () => unknown | Promise;
fromOnboarding?: boolean;
destinationCalendarId?: string;
@@ -21,7 +21,7 @@ type SelectedCalendarSettingsWebWrapperProps = {
classNames?: string;
};
-export const SelectedCalendarSettingsWebWrapper = (props: SelectedCalendarSettingsWebWrapperProps) => {
+export const SelectedCalendarsSettingsWebWrapper = (props: SelectedCalendarsSettingsWebWrapperProps) => {
const { t } = useLocale();
const query = trpc.viewer.connectedCalendars.useQuery(undefined, {
suspense: true,
@@ -39,8 +39,8 @@ export const SelectedCalendarSettingsWebWrapper = (props: SelectedCalendarSettin
}
return (
-
-
+
@@ -122,7 +122,7 @@ export const SelectedCalendarSettingsWebWrapper = (props: SelectedCalendarSettin
);
})}
-
+
);
}}
/>
@@ -130,7 +130,7 @@ export const SelectedCalendarSettingsWebWrapper = (props: SelectedCalendarSettin
);
};
-const SelectedCalendarSettingsHeading = (props: {
+const SelectedCalendarsSettingsHeading = (props: {
isConnectedCalendarsPresent: boolean;
isPending?: boolean;
}) => {