Files
calendar/apps/web/modules/shell/DynamicModals.tsx
T
2026-01-06 02:55:42 +00:00

28 lines
933 B
TypeScript

"use client";
import { WelcomeToOrganizationsModal } from "@calcom/web/modules/ee/organizations/components/WelcomeToOrganizationsModal";
import { WelcomeToCalcomModal } from "./components/WelcomeToCalcomModal";
import { GatedFeaturesModal } from "./components/GatedFeaturesModal";
/**
* Container for all query-param driven modals that should appear globally across the app.
* This keeps the Shell component clean and provides a centralized place for dynamic modals.
*
* We can probably also use this for thinks like the T&C and Privacy Policy modals. That @marketing are discussing
*
* To add a new modal:
* 1. Create the modal component with its own useQueryState hook
* 2. Import and add it here
*/
export function DynamicModals() {
return (
<>
<WelcomeToOrganizationsModal />
<WelcomeToCalcomModal />
{/* Add more query-param driven modals here */}
<GatedFeaturesModal />
</>
);
}