mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
StevenandGitHub
4466ba436b
## Description This PR ensures that the default prettier config is used for examples and templates. This config is compatible with `prettier@3` as well (upgrading prettier is bigger change that can be a future PR). ## Changes - Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will be needed upgrading to prettier@3) - Added `examples/.prettierrc.json` with default config (this will change every example) - Added `packages/create-next-app/templates/.prettierrc.json` with default config (this will change every template) ## Related - Fixes #54402 - Closes #54409
49 lines
1.1 KiB
TypeScript
49 lines
1.1 KiB
TypeScript
"use client";
|
|
|
|
import { GridProvider } from "@faceless-ui/css-grid";
|
|
import { ModalContainer, ModalProvider } from "@faceless-ui/modal";
|
|
import React from "react";
|
|
import { Header } from "../Header";
|
|
import { MainMenu } from "../../payload-types";
|
|
import cssVariables from "../../cssVariables";
|
|
import "../../css/app.scss";
|
|
|
|
type Props = {
|
|
mainMenu: MainMenu;
|
|
children: React.ReactNode;
|
|
};
|
|
|
|
const Layout = ({ mainMenu, children }: Props): React.ReactElement => {
|
|
return (
|
|
<React.Fragment>
|
|
<GridProvider
|
|
breakpoints={{
|
|
s: cssVariables.breakpoints.s,
|
|
m: cssVariables.breakpoints.m,
|
|
l: cssVariables.breakpoints.l,
|
|
}}
|
|
colGap={{
|
|
s: "24px",
|
|
m: "48px",
|
|
l: "48px",
|
|
xl: "72px",
|
|
}}
|
|
cols={{
|
|
s: 4,
|
|
m: 4,
|
|
l: 12,
|
|
xl: 12,
|
|
}}
|
|
>
|
|
<ModalProvider transTime={0} zIndex="var(--modal-z-index)">
|
|
<Header mainMenu={mainMenu} />
|
|
{children}
|
|
<ModalContainer />
|
|
</ModalProvider>
|
|
</GridProvider>
|
|
</React.Fragment>
|
|
);
|
|
};
|
|
|
|
export default Layout;
|