ecb693c70e
* make no-meeting-found page use ssr * remove-route-groups * add LayoutHOC * fix * fix * ensure proper types for withLayout function --------- Co-authored-by: Greg Pabian <35925521+grzpab@users.noreply.github.com>
73 lines
2.4 KiB
TypeScript
73 lines
2.4 KiB
TypeScript
"use client";
|
|
|
|
import { type DehydratedState } from "@tanstack/react-query";
|
|
import type { SSRConfig } from "next-i18next";
|
|
// import I18nLanguageHandler from "@components/I18nLanguageHandler";
|
|
import { usePathname } from "next/navigation";
|
|
import Script from "next/script";
|
|
import type { ReactNode } from "react";
|
|
|
|
import "@calcom/embed-core/src/embed-iframe";
|
|
import LicenseRequired from "@calcom/features/ee/common/components/LicenseRequired";
|
|
|
|
import type { AppProps } from "@lib/app-providers-app-dir";
|
|
import AppProviders from "@lib/app-providers-app-dir";
|
|
|
|
export interface CalPageWrapper {
|
|
(props?: AppProps): JSX.Element;
|
|
PageWrapper?: AppProps["Component"]["PageWrapper"];
|
|
}
|
|
|
|
export type PageWrapperProps = Readonly<{
|
|
getLayout: ((page: React.ReactElement) => ReactNode) | null;
|
|
children: React.ReactNode;
|
|
requiresLicense: boolean;
|
|
nonce: string | undefined;
|
|
themeBasis: string | null;
|
|
dehydratedState?: DehydratedState;
|
|
isThemeSupported?: boolean;
|
|
isBookingPage?: boolean;
|
|
i18n?: SSRConfig;
|
|
}>;
|
|
|
|
function PageWrapper(props: PageWrapperProps) {
|
|
const pathname = usePathname();
|
|
let pageStatus = "200";
|
|
|
|
if (pathname === "/404") {
|
|
pageStatus = "404";
|
|
} else if (pathname === "/500") {
|
|
pageStatus = "500";
|
|
}
|
|
|
|
// On client side don't let nonce creep into DOM
|
|
// It also avoids hydration warning that says that Client has the nonce value but server has "" because browser removes nonce attributes before DOM is built
|
|
// See https://github.com/kentcdodds/nonce-hydration-issues
|
|
// Set "" only if server had it set otherwise keep it undefined because server has to match with client to avoid hydration error
|
|
const nonce = typeof window !== "undefined" ? (props.nonce ? "" : undefined) : props.nonce;
|
|
const providerProps: PageWrapperProps = {
|
|
...props,
|
|
nonce,
|
|
};
|
|
|
|
const getLayout: (page: React.ReactElement) => ReactNode = props.getLayout ?? ((page) => page);
|
|
|
|
return (
|
|
<AppProviders {...providerProps}>
|
|
{/* <I18nLanguageHandler locales={props.router.locales || []} /> */}
|
|
<>
|
|
<Script
|
|
nonce={nonce}
|
|
id="page-status"
|
|
dangerouslySetInnerHTML={{ __html: `window.CalComPageStatus = '${pageStatus}'` }}
|
|
/>
|
|
{getLayout(
|
|
props.requiresLicense ? <LicenseRequired>{props.children}</LicenseRequired> : <>{props.children}</>
|
|
)}
|
|
</>
|
|
</AppProviders>
|
|
);
|
|
}
|
|
|
|
export default PageWrapper;
|