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
50 lines
1.2 KiB
TypeScript
50 lines
1.2 KiB
TypeScript
"use client";
|
|
|
|
import React, { useState } from "react";
|
|
import {
|
|
PayloadMeUser,
|
|
PayloadAdminBarProps,
|
|
PayloadAdminBar,
|
|
} from "payload-admin-bar";
|
|
import { Gutter } from "../Gutter";
|
|
import classes from "./index.module.scss";
|
|
|
|
const Title: React.FC = () => <span>Payload + Vercel</span>;
|
|
|
|
export const AdminBar: React.FC<{
|
|
adminBarProps: PayloadAdminBarProps;
|
|
}> = (props) => {
|
|
const { adminBarProps } = props;
|
|
|
|
const [user, setUser] = useState<PayloadMeUser>();
|
|
|
|
return (
|
|
<div
|
|
className={[classes.adminBar, user && classes.show]
|
|
.filter(Boolean)
|
|
.join(" ")}
|
|
>
|
|
<Gutter className={classes.blockContainer}>
|
|
<PayloadAdminBar
|
|
{...adminBarProps}
|
|
cmsURL={process.env.NEXT_PUBLIC_APP_URL}
|
|
onAuthChange={setUser}
|
|
className={classes.payloadAdminBar}
|
|
classNames={{
|
|
user: classes.user,
|
|
logo: classes.logo,
|
|
controls: classes.controls,
|
|
}}
|
|
logo={<Title />}
|
|
style={{
|
|
position: "relative",
|
|
zIndex: "unset",
|
|
padding: 0,
|
|
backgroundColor: "transparent",
|
|
}}
|
|
/>
|
|
</Gutter>
|
|
</div>
|
|
);
|
|
};
|