diff --git a/.github/reproduction-guide.md b/.github/reproduction-guide.md
index 7817a1eb0..ae8c89025 100644
--- a/.github/reproduction-guide.md
+++ b/.github/reproduction-guide.md
@@ -40,7 +40,7 @@ There are a couple ways run integration tests:
- **Granularly** - you can run individual tests in vscode by installing the Jest Runner plugin and using that to run individual tests. Clicking the `debug` button will run the test in debug mode allowing you to set break points.
-
+
- **Manually** - you can run all int tests in the `/test/_community/int.spec.ts` file by running the following command:
@@ -57,7 +57,7 @@ The easiest way to run E2E tests is to install
Once they are installed you can open the `testing` tab in vscode sidebar and drill down to the test you want to run, i.e. `/test/_community/e2e.spec.ts`
-
+
#### Notes
diff --git a/ISSUE_GUIDE.md b/ISSUE_GUIDE.md
index 153d85b61..bb08e1d2a 100644
--- a/ISSUE_GUIDE.md
+++ b/ISSUE_GUIDE.md
@@ -45,7 +45,7 @@ There are a couple ways to do this:
- **Granularly** - you can run individual tests in vscode by installing the Jest Runner plugin and using that to run individual tests. Clicking the `debug` button will run the test in debug mode allowing you to set break points.
-
+
- **Manually** - you can run all int tests in the `/test/_community/int.spec.ts` file by running the following command:
@@ -62,7 +62,7 @@ The easiest way to run E2E tests is to install
Once they are installed you can open the `testing` tab in vscode sidebar and drill down to the test you want to run, i.e. `/test/_community/e2e.spec.ts`
-
+
#### Notes
diff --git a/examples/auth/next-app/app/_components/Header/index.tsx b/examples/auth/next-app/app/_components/Header/index.tsx
index 7e54351c9..1642bf453 100644
--- a/examples/auth/next-app/app/_components/Header/index.tsx
+++ b/examples/auth/next-app/app/_components/Header/index.tsx
@@ -1,27 +1,26 @@
-import React from 'react'
import Image from 'next/image'
import Link from 'next/link'
+import React from 'react'
import { Gutter } from '../Gutter'
-import { HeaderNav } from './Nav'
-
import classes from './index.module.scss'
+import { HeaderNav } from './Nav'
export function Header() {
return (
-
+
diff --git a/examples/auth/next-pages/src/components/Header/index.tsx b/examples/auth/next-pages/src/components/Header/index.tsx
index da272f702..10af77608 100644
--- a/examples/auth/next-pages/src/components/Header/index.tsx
+++ b/examples/auth/next-pages/src/components/Header/index.tsx
@@ -1,27 +1,26 @@
-import React from 'react'
import Image from 'next/image'
import Link from 'next/link'
+import React from 'react'
import { Gutter } from '../Gutter'
-import { HeaderNav } from './Nav'
-
import classes from './index.module.scss'
+import { HeaderNav } from './Nav'
export const Header: React.FC = () => {
return (
-
+
diff --git a/examples/auth/payload/src/app/(app)/_components/Header/index.tsx b/examples/auth/payload/src/app/(app)/_components/Header/index.tsx
index d7e4b748e..1642bf453 100644
--- a/examples/auth/payload/src/app/(app)/_components/Header/index.tsx
+++ b/examples/auth/payload/src/app/(app)/_components/Header/index.tsx
@@ -3,8 +3,8 @@ import Link from 'next/link'
import React from 'react'
import { Gutter } from '../Gutter'
-import { HeaderNav } from './Nav'
import classes from './index.module.scss'
+import { HeaderNav } from './Nav'
export function Header() {
return (
@@ -14,12 +14,12 @@ export function Header() {
diff --git a/examples/custom-server/src/app/layout.tsx b/examples/custom-server/src/app/layout.tsx
index 17ccebe81..e2e94008f 100644
--- a/examples/custom-server/src/app/layout.tsx
+++ b/examples/custom-server/src/app/layout.tsx
@@ -1,13 +1,12 @@
-import React from 'react'
import Link from 'next/link'
+import React from 'react'
import './app.scss'
-
import classes from './layout.module.scss'
export const metadata = {
- title: 'Payload Custom Server',
description: 'Serve Payload alongside any front-end framework.',
+ title: 'Payload Custom Server',
}
export default function RootLayout({ children }: { children: React.ReactNode }) {
@@ -15,16 +14,16 @@ export default function RootLayout({ children }: { children: React.ReactNode })
-
+
diff --git a/examples/draft-preview/next-app/app/_components/Header/index.tsx b/examples/draft-preview/next-app/app/_components/Header/index.tsx
index e7345a6b0..b71a8db48 100644
--- a/examples/draft-preview/next-app/app/_components/Header/index.tsx
+++ b/examples/draft-preview/next-app/app/_components/Header/index.tsx
@@ -1,11 +1,11 @@
-import React from 'react'
import Image from 'next/image'
import Link from 'next/link'
+import React from 'react'
+
+import type { MainMenu } from '../../../payload-types'
-import { MainMenu } from '../../../payload-types'
import { CMSLink } from '../CMSLink'
import { Gutter } from '../Gutter'
-
import classes from './index.module.scss'
export async function Header() {
@@ -20,17 +20,17 @@ export async function Header() {
return (
-
+
diff --git a/examples/draft-preview/next-pages/src/components/Header/index.tsx b/examples/draft-preview/next-pages/src/components/Header/index.tsx
index f7f23ecd1..c886f29eb 100644
--- a/examples/draft-preview/next-pages/src/components/Header/index.tsx
+++ b/examples/draft-preview/next-pages/src/components/Header/index.tsx
@@ -1,13 +1,14 @@
-import React, { useState } from 'react'
+import type { PayloadAdminBarProps, PayloadMeUser } from 'payload-admin-bar'
+
import Image from 'next/image'
import Link from 'next/link'
-import { PayloadAdminBarProps, PayloadMeUser } from 'payload-admin-bar'
+import React, { useState } from 'react'
+
+import type { MainMenu } from '../../payload-types'
-import { MainMenu } from '../../payload-types'
import { AdminBar } from '../AdminBar'
import { CMSLink } from '../CMSLink'
import { Gutter } from '../Gutter'
-
import classes from './index.module.scss'
type HeaderBarProps = {
@@ -18,17 +19,17 @@ export const HeaderBar: React.FC = ({ children }) => {
return (
-
+
@@ -39,12 +40,12 @@ export const HeaderBar: React.FC = ({ children }) => {
}
export const Header: React.FC<{
+ adminBarProps: PayloadAdminBarProps
globals: {
mainMenu: MainMenu
}
- adminBarProps: PayloadAdminBarProps
}> = (props) => {
- const { globals, adminBarProps } = props
+ const { adminBarProps, globals } = props
const [user, setUser] = useState()
@@ -56,7 +57,7 @@ export const Header: React.FC<{
return (
+ 
- **Manually** - you can run all int tests in the `/test/_community/int.spec.ts` file by running the following command:
@@ -57,7 +57,7 @@ The easiest way to run E2E tests is to install
Once they are installed you can open the `testing` tab in vscode sidebar and drill down to the test you want to run, i.e. `/test/_community/e2e.spec.ts`
-
+
#### Notes
diff --git a/ISSUE_GUIDE.md b/ISSUE_GUIDE.md
index 153d85b61..bb08e1d2a 100644
--- a/ISSUE_GUIDE.md
+++ b/ISSUE_GUIDE.md
@@ -45,7 +45,7 @@ There are a couple ways to do this:
- **Granularly** - you can run individual tests in vscode by installing the Jest Runner plugin and using that to run individual tests. Clicking the `debug` button will run the test in debug mode allowing you to set break points.
- 
+ 
+