import "@/styles/global.css";
import AdminLink from "@/components/ui/admin-link";
import { TailwindIndicator } from "@/components/ui/tailwind-indicator";
import { ThemeSelector } from "@/components/ui/theme-selector";
import settings from "@/content/settings/config.json";
import client from "@/tina/__generated__/databaseClient";
import { GoogleTagManager } from "@next/third-parties/google";
import { ThemeProvider } from "next-themes";
import { Inter, Roboto_Flex } from "next/font/google";
import { TabsLayout } from "@/components/docs/layout/tab-layout";
import type React from "react";
import { TinaClient } from "./tina-client";
// Force all pages to be server-rendered (not statically generated at build time)
// Required because databaseClient needs a running database connection
export const dynamic = "force-dynamic";
const isDev = process.env.NODE_ENV === "development";
const body = Inter({ subsets: ["latin"], variable: "--body-font" });
const heading = Roboto_Flex({
subsets: ["latin"],
weight: ["400"],
style: ["normal"],
variable: "--heading-font",
});
const isThemeSelectorEnabled =
isDev || process.env.NEXT_PUBLIC_ENABLE_THEME_SELECTION === "true";
const theme = settings.selectedTheme || "default";
const gtmId = process.env.NEXT_PUBLIC_GTM_ID;
export default function RootLayout({
children = null,
}: {
children: React.ReactNode;
}) {
return (
{!isDev && gtmId && (
)}
{isThemeSelectorEnabled && }
{children}
);
}
const Content = ({ children }: { children?: React.ReactNode }) => (
<>
);
const DocsMenu = async ({ children }: { children?: React.ReactNode }) => {
// Fetch navigation data that will be shared across all docs pages
const navigationData = JSON.parse(
JSON.stringify(
await client.queries.minimisedNavigationBarFetch({
relativePath: "docs-navigation-bar.json",
})
)
);
return (
);
};