chore: update all githubusercontent links after branch rename
This commit is contained in:
4
.github/reproduction-guide.md
vendored
4
.github/reproduction-guide.md
vendored
@@ -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.
|
- **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.
|
||||||
|
|
||||||
<img src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/github/int-debug.png" />
|
<img src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/assets/images/github/int-debug.png" />
|
||||||
|
|
||||||
- **Manually** - you can run all int tests in the `/test/_community/int.spec.ts` file by running the following command:
|
- **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`
|
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`
|
||||||
|
|
||||||
<img src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/github/e2e-debug.png" />
|
<img src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/assets/images/github/e2e-debug.png" />
|
||||||
|
|
||||||
#### Notes
|
#### Notes
|
||||||
|
|
||||||
|
|||||||
@@ -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.
|
- **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.
|
||||||
|
|
||||||
<img src="https://raw.githubusercontent.com/payloadcms/payload/main/src/admin/assets/images/github/int-debug.png" />
|
<img src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/assets/images/github/int-debug.png" />
|
||||||
|
|
||||||
- **Manually** - you can run all int tests in the `/test/_community/int.spec.ts` file by running the following command:
|
- **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`
|
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`
|
||||||
|
|
||||||
<img src="https://raw.githubusercontent.com/payloadcms/payload/main/src/admin/assets/images/github/e2e-debug.png" />
|
<img src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/assets/images/github/e2e-debug.png" />
|
||||||
|
|
||||||
#### Notes
|
#### Notes
|
||||||
|
|
||||||
|
|||||||
@@ -1,27 +1,26 @@
|
|||||||
import React from 'react'
|
|
||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
import Link from 'next/link'
|
import Link from 'next/link'
|
||||||
|
import React from 'react'
|
||||||
|
|
||||||
import { Gutter } from '../Gutter'
|
import { Gutter } from '../Gutter'
|
||||||
import { HeaderNav } from './Nav'
|
|
||||||
|
|
||||||
import classes from './index.module.scss'
|
import classes from './index.module.scss'
|
||||||
|
import { HeaderNav } from './Nav'
|
||||||
|
|
||||||
export function Header() {
|
export function Header() {
|
||||||
return (
|
return (
|
||||||
<header className={classes.header}>
|
<header className={classes.header}>
|
||||||
<Gutter className={classes.wrap}>
|
<Gutter className={classes.wrap}>
|
||||||
<Link href="/" className={classes.logo}>
|
<Link className={classes.logo} href="/">
|
||||||
<picture>
|
<picture>
|
||||||
<source
|
<source
|
||||||
srcSet="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/payload-logo-light.svg"
|
|
||||||
media="(prefers-color-scheme: dark)"
|
media="(prefers-color-scheme: dark)"
|
||||||
|
srcSet="https://raw.githubusercontent.com/payloadcms/payload/main/packages/ui/src/assets/payload-logo-light.svg"
|
||||||
/>
|
/>
|
||||||
<Image
|
<Image
|
||||||
width={150}
|
|
||||||
height={30}
|
|
||||||
alt="Payload Logo"
|
alt="Payload Logo"
|
||||||
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/payload-logo-dark.svg"
|
height={30}
|
||||||
|
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/ui/src/assets/payload-logo-dark.svg"
|
||||||
|
width={150}
|
||||||
/>
|
/>
|
||||||
</picture>
|
</picture>
|
||||||
</Link>
|
</Link>
|
||||||
|
|||||||
@@ -1,27 +1,26 @@
|
|||||||
import React from 'react'
|
|
||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
import Link from 'next/link'
|
import Link from 'next/link'
|
||||||
|
import React from 'react'
|
||||||
|
|
||||||
import { Gutter } from '../Gutter'
|
import { Gutter } from '../Gutter'
|
||||||
import { HeaderNav } from './Nav'
|
|
||||||
|
|
||||||
import classes from './index.module.scss'
|
import classes from './index.module.scss'
|
||||||
|
import { HeaderNav } from './Nav'
|
||||||
|
|
||||||
export const Header: React.FC = () => {
|
export const Header: React.FC = () => {
|
||||||
return (
|
return (
|
||||||
<header className={classes.header}>
|
<header className={classes.header}>
|
||||||
<Gutter className={classes.wrap}>
|
<Gutter className={classes.wrap}>
|
||||||
<Link href="/" className={classes.logo}>
|
<Link className={classes.logo} href="/">
|
||||||
<picture>
|
<picture>
|
||||||
<source
|
<source
|
||||||
srcSet="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/payload-logo-light.svg"
|
|
||||||
media="(prefers-color-scheme: dark)"
|
media="(prefers-color-scheme: dark)"
|
||||||
|
srcSet="https://raw.githubusercontent.com/payloadcms/payload/main/packages/ui/src/assets/payload-logo-light.svg"
|
||||||
/>
|
/>
|
||||||
<Image
|
<Image
|
||||||
width={150}
|
|
||||||
height={30}
|
|
||||||
alt="Payload Logo"
|
alt="Payload Logo"
|
||||||
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/payload-logo-dark.svg"
|
height={30}
|
||||||
|
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/ui/src/assets/payload-logo-dark.svg"
|
||||||
|
width={150}
|
||||||
/>
|
/>
|
||||||
</picture>
|
</picture>
|
||||||
</Link>
|
</Link>
|
||||||
|
|||||||
@@ -3,8 +3,8 @@ import Link from 'next/link'
|
|||||||
import React from 'react'
|
import React from 'react'
|
||||||
|
|
||||||
import { Gutter } from '../Gutter'
|
import { Gutter } from '../Gutter'
|
||||||
import { HeaderNav } from './Nav'
|
|
||||||
import classes from './index.module.scss'
|
import classes from './index.module.scss'
|
||||||
|
import { HeaderNav } from './Nav'
|
||||||
|
|
||||||
export function Header() {
|
export function Header() {
|
||||||
return (
|
return (
|
||||||
@@ -14,12 +14,12 @@ export function Header() {
|
|||||||
<picture>
|
<picture>
|
||||||
<source
|
<source
|
||||||
media="(prefers-color-scheme: dark)"
|
media="(prefers-color-scheme: dark)"
|
||||||
srcSet="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/payload-logo-light.svg"
|
srcSet="https://raw.githubusercontent.com/payloadcms/payload/main/packages/ui/src/assets/payload-logo-light.svg"
|
||||||
/>
|
/>
|
||||||
<Image
|
<Image
|
||||||
alt="Payload Logo"
|
alt="Payload Logo"
|
||||||
height={30}
|
height={30}
|
||||||
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/payload-logo-dark.svg"
|
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/ui/src/assets/payload-logo-dark.svg"
|
||||||
width={150}
|
width={150}
|
||||||
/>
|
/>
|
||||||
</picture>
|
</picture>
|
||||||
|
|||||||
@@ -1,13 +1,12 @@
|
|||||||
import React from 'react'
|
|
||||||
import Link from 'next/link'
|
import Link from 'next/link'
|
||||||
|
import React from 'react'
|
||||||
|
|
||||||
import './app.scss'
|
import './app.scss'
|
||||||
|
|
||||||
import classes from './layout.module.scss'
|
import classes from './layout.module.scss'
|
||||||
|
|
||||||
export const metadata = {
|
export const metadata = {
|
||||||
title: 'Payload Custom Server',
|
|
||||||
description: 'Serve Payload alongside any front-end framework.',
|
description: 'Serve Payload alongside any front-end framework.',
|
||||||
|
title: 'Payload Custom Server',
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
||||||
@@ -15,16 +14,16 @@ export default function RootLayout({ children }: { children: React.ReactNode })
|
|||||||
<html lang="en">
|
<html lang="en">
|
||||||
<body className={classes.body}>
|
<body className={classes.body}>
|
||||||
<header className={classes.header}>
|
<header className={classes.header}>
|
||||||
<Link href="https://payloadcms.com" target="_blank" rel="noopener noreferrer">
|
<Link href="https://payloadcms.com" rel="noopener noreferrer" target="_blank">
|
||||||
<picture>
|
<picture>
|
||||||
<source
|
<source
|
||||||
media="(prefers-color-scheme: dark)"
|
media="(prefers-color-scheme: dark)"
|
||||||
srcSet="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/payload-logo-light.svg"
|
srcSet="https://raw.githubusercontent.com/payloadcms/payload/main/packages/ui/src/assets/payload-logo-light.svg"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
className={classes.logo}
|
|
||||||
alt="Payload Logo"
|
alt="Payload Logo"
|
||||||
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/payload-logo-dark.svg"
|
className={classes.logo}
|
||||||
|
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/ui/src/assets/payload-logo-dark.svg"
|
||||||
/>
|
/>
|
||||||
</picture>
|
</picture>
|
||||||
</Link>
|
</Link>
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
import React from 'react'
|
|
||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
import Link from 'next/link'
|
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 { CMSLink } from '../CMSLink'
|
||||||
import { Gutter } from '../Gutter'
|
import { Gutter } from '../Gutter'
|
||||||
|
|
||||||
import classes from './index.module.scss'
|
import classes from './index.module.scss'
|
||||||
|
|
||||||
export async function Header() {
|
export async function Header() {
|
||||||
@@ -20,17 +20,17 @@ export async function Header() {
|
|||||||
return (
|
return (
|
||||||
<header className={classes.header}>
|
<header className={classes.header}>
|
||||||
<Gutter className={classes.wrap}>
|
<Gutter className={classes.wrap}>
|
||||||
<Link href="/" className={classes.logo}>
|
<Link className={classes.logo} href="/">
|
||||||
<picture>
|
<picture>
|
||||||
<source
|
<source
|
||||||
srcSet="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/payload-logo-light.svg"
|
|
||||||
media="(prefers-color-scheme: dark)"
|
media="(prefers-color-scheme: dark)"
|
||||||
|
srcSet="https://raw.githubusercontent.com/payloadcms/payload/main/packages/ui/src/assets/payload-logo-light.svg"
|
||||||
/>
|
/>
|
||||||
<Image
|
<Image
|
||||||
width={150}
|
|
||||||
height={30}
|
|
||||||
alt="Payload Logo"
|
alt="Payload Logo"
|
||||||
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/payload-logo-dark.svg"
|
height={30}
|
||||||
|
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/ui/src/assets/payload-logo-dark.svg"
|
||||||
|
width={150}
|
||||||
/>
|
/>
|
||||||
</picture>
|
</picture>
|
||||||
</Link>
|
</Link>
|
||||||
|
|||||||
@@ -1,13 +1,14 @@
|
|||||||
import React, { useState } from 'react'
|
import type { PayloadAdminBarProps, PayloadMeUser } from 'payload-admin-bar'
|
||||||
|
|
||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
import Link from 'next/link'
|
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 { AdminBar } from '../AdminBar'
|
||||||
import { CMSLink } from '../CMSLink'
|
import { CMSLink } from '../CMSLink'
|
||||||
import { Gutter } from '../Gutter'
|
import { Gutter } from '../Gutter'
|
||||||
|
|
||||||
import classes from './index.module.scss'
|
import classes from './index.module.scss'
|
||||||
|
|
||||||
type HeaderBarProps = {
|
type HeaderBarProps = {
|
||||||
@@ -18,17 +19,17 @@ export const HeaderBar: React.FC<HeaderBarProps> = ({ children }) => {
|
|||||||
return (
|
return (
|
||||||
<header className={classes.header}>
|
<header className={classes.header}>
|
||||||
<Gutter className={classes.wrap}>
|
<Gutter className={classes.wrap}>
|
||||||
<Link href="/" className={classes.logo}>
|
<Link className={classes.logo} href="/">
|
||||||
<picture>
|
<picture>
|
||||||
<source
|
<source
|
||||||
srcSet="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/payload-logo-light.svg"
|
|
||||||
media="(prefers-color-scheme: dark)"
|
media="(prefers-color-scheme: dark)"
|
||||||
|
srcSet="https://raw.githubusercontent.com/payloadcms/payload/main/packages/ui/src/assets/payload-logo-light.svg"
|
||||||
/>
|
/>
|
||||||
<Image
|
<Image
|
||||||
width={150}
|
|
||||||
height={30}
|
|
||||||
alt="Payload Logo"
|
alt="Payload Logo"
|
||||||
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/payload-logo-dark.svg"
|
height={30}
|
||||||
|
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/ui/src/assets/payload-logo-dark.svg"
|
||||||
|
width={150}
|
||||||
/>
|
/>
|
||||||
</picture>
|
</picture>
|
||||||
</Link>
|
</Link>
|
||||||
@@ -39,12 +40,12 @@ export const HeaderBar: React.FC<HeaderBarProps> = ({ children }) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export const Header: React.FC<{
|
export const Header: React.FC<{
|
||||||
|
adminBarProps: PayloadAdminBarProps
|
||||||
globals: {
|
globals: {
|
||||||
mainMenu: MainMenu
|
mainMenu: MainMenu
|
||||||
}
|
}
|
||||||
adminBarProps: PayloadAdminBarProps
|
|
||||||
}> = (props) => {
|
}> = (props) => {
|
||||||
const { globals, adminBarProps } = props
|
const { adminBarProps, globals } = props
|
||||||
|
|
||||||
const [user, setUser] = useState<PayloadMeUser>()
|
const [user, setUser] = useState<PayloadMeUser>()
|
||||||
|
|
||||||
@@ -56,7 +57,7 @@ export const Header: React.FC<{
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<AdminBar adminBarProps={adminBarProps} user={user} setUser={setUser} />
|
<AdminBar adminBarProps={adminBarProps} setUser={setUser} user={user} />
|
||||||
<HeaderBar>
|
<HeaderBar>
|
||||||
{hasNavItems && (
|
{hasNavItems && (
|
||||||
<nav className={classes.nav}>
|
<nav className={classes.nav}>
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
import React from 'react'
|
|
||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
import Link from 'next/link'
|
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 { CMSLink } from '../CMSLink'
|
||||||
import { Gutter } from '../Gutter'
|
import { Gutter } from '../Gutter'
|
||||||
|
|
||||||
import classes from './index.module.scss'
|
import classes from './index.module.scss'
|
||||||
|
|
||||||
export async function Header() {
|
export async function Header() {
|
||||||
@@ -20,17 +20,17 @@ export async function Header() {
|
|||||||
return (
|
return (
|
||||||
<header className={classes.header}>
|
<header className={classes.header}>
|
||||||
<Gutter className={classes.wrap}>
|
<Gutter className={classes.wrap}>
|
||||||
<Link href="/" className={classes.logo}>
|
<Link className={classes.logo} href="/">
|
||||||
<picture>
|
<picture>
|
||||||
<source
|
<source
|
||||||
srcSet="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/payload-logo-light.svg"
|
|
||||||
media="(prefers-color-scheme: dark)"
|
media="(prefers-color-scheme: dark)"
|
||||||
|
srcSet="https://raw.githubusercontent.com/payloadcms/payload/main/packages/ui/src/assets/payload-logo-light.svg"
|
||||||
/>
|
/>
|
||||||
<Image
|
<Image
|
||||||
width={150}
|
|
||||||
height={30}
|
|
||||||
alt="Payload Logo"
|
alt="Payload Logo"
|
||||||
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/payload-logo-dark.svg"
|
height={30}
|
||||||
|
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/ui/src/assets/payload-logo-dark.svg"
|
||||||
|
width={150}
|
||||||
/>
|
/>
|
||||||
</picture>
|
</picture>
|
||||||
</Link>
|
</Link>
|
||||||
|
|||||||
@@ -1,13 +1,14 @@
|
|||||||
import React, { useState } from 'react'
|
import type { PayloadAdminBarProps, PayloadMeUser } from 'payload-admin-bar'
|
||||||
|
|
||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
import Link from 'next/link'
|
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 { AdminBar } from '../AdminBar'
|
||||||
import { CMSLink } from '../CMSLink'
|
import { CMSLink } from '../CMSLink'
|
||||||
import { Gutter } from '../Gutter'
|
import { Gutter } from '../Gutter'
|
||||||
|
|
||||||
import classes from './index.module.scss'
|
import classes from './index.module.scss'
|
||||||
|
|
||||||
type HeaderBarProps = {
|
type HeaderBarProps = {
|
||||||
@@ -18,17 +19,17 @@ export const HeaderBar: React.FC<HeaderBarProps> = ({ children }) => {
|
|||||||
return (
|
return (
|
||||||
<header className={classes.header}>
|
<header className={classes.header}>
|
||||||
<Gutter className={classes.wrap}>
|
<Gutter className={classes.wrap}>
|
||||||
<Link href="/" className={classes.logo}>
|
<Link className={classes.logo} href="/">
|
||||||
<picture>
|
<picture>
|
||||||
<source
|
<source
|
||||||
srcSet="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/payload-logo-light.svg"
|
|
||||||
media="(prefers-color-scheme: dark)"
|
media="(prefers-color-scheme: dark)"
|
||||||
|
srcSet="https://raw.githubusercontent.com/payloadcms/payload/main/packages/ui/src/assets/payload-logo-light.svg"
|
||||||
/>
|
/>
|
||||||
<Image
|
<Image
|
||||||
width={150}
|
|
||||||
height={30}
|
|
||||||
alt="Payload Logo"
|
alt="Payload Logo"
|
||||||
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/payload-logo-dark.svg"
|
height={30}
|
||||||
|
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/ui/src/assets/payload-logo-dark.svg"
|
||||||
|
width={150}
|
||||||
/>
|
/>
|
||||||
</picture>
|
</picture>
|
||||||
</Link>
|
</Link>
|
||||||
@@ -39,12 +40,12 @@ export const HeaderBar: React.FC<HeaderBarProps> = ({ children }) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export const Header: React.FC<{
|
export const Header: React.FC<{
|
||||||
|
adminBarProps: PayloadAdminBarProps
|
||||||
globals: {
|
globals: {
|
||||||
mainMenu: MainMenu
|
mainMenu: MainMenu
|
||||||
}
|
}
|
||||||
adminBarProps: PayloadAdminBarProps
|
|
||||||
}> = (props) => {
|
}> = (props) => {
|
||||||
const { globals, adminBarProps } = props
|
const { adminBarProps, globals } = props
|
||||||
|
|
||||||
const [user, setUser] = useState<PayloadMeUser>()
|
const [user, setUser] = useState<PayloadMeUser>()
|
||||||
|
|
||||||
@@ -56,7 +57,7 @@ export const Header: React.FC<{
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<AdminBar adminBarProps={adminBarProps} user={user} setUser={setUser} />
|
<AdminBar adminBarProps={adminBarProps} setUser={setUser} user={user} />
|
||||||
<HeaderBar>
|
<HeaderBar>
|
||||||
{hasNavItems && (
|
{hasNavItems && (
|
||||||
<nav className={classes.nav}>
|
<nav className={classes.nav}>
|
||||||
|
|||||||
@@ -20,7 +20,7 @@ export async function Footer() {
|
|||||||
<img
|
<img
|
||||||
alt="Payload Logo"
|
alt="Payload Logo"
|
||||||
className="max-w-[6rem] invert-0"
|
className="max-w-[6rem] invert-0"
|
||||||
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/payload-logo-light.svg"
|
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/ui/src/assets/payload-logo-light.svg"
|
||||||
/>
|
/>
|
||||||
</picture>
|
</picture>
|
||||||
</Link>
|
</Link>
|
||||||
|
|||||||
@@ -6,7 +6,7 @@ export const Logo = () => {
|
|||||||
<img
|
<img
|
||||||
alt="Payload Logo"
|
alt="Payload Logo"
|
||||||
className="max-w-[9.375rem] invert dark:invert-0"
|
className="max-w-[9.375rem] invert dark:invert-0"
|
||||||
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/payload-logo-light.svg"
|
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/ui/src/assets/payload-logo-light.svg"
|
||||||
/>
|
/>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -20,7 +20,7 @@ export async function Footer() {
|
|||||||
<img
|
<img
|
||||||
alt="Payload Logo"
|
alt="Payload Logo"
|
||||||
className="max-w-[6rem] invert-0"
|
className="max-w-[6rem] invert-0"
|
||||||
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/payload-logo-light.svg"
|
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/ui/src/assets/payload-logo-light.svg"
|
||||||
/>
|
/>
|
||||||
</picture>
|
</picture>
|
||||||
</Link>
|
</Link>
|
||||||
|
|||||||
@@ -6,7 +6,7 @@ export const Logo = () => {
|
|||||||
<img
|
<img
|
||||||
alt="Payload Logo"
|
alt="Payload Logo"
|
||||||
className="max-w-[9.375rem] invert dark:invert-0"
|
className="max-w-[9.375rem] invert dark:invert-0"
|
||||||
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/payload-logo-light.svg"
|
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/ui/src/assets/payload-logo-light.svg"
|
||||||
/>
|
/>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -3,8 +3,8 @@ import React from 'react'
|
|||||||
|
|
||||||
import { getHeader } from '../../_api/getHeader.js'
|
import { getHeader } from '../../_api/getHeader.js'
|
||||||
import { Gutter } from '../Gutter/index.js'
|
import { Gutter } from '../Gutter/index.js'
|
||||||
import { HeaderNav } from './Nav/index.js'
|
|
||||||
import classes from './index.module.scss'
|
import classes from './index.module.scss'
|
||||||
|
import { HeaderNav } from './Nav/index.js'
|
||||||
|
|
||||||
const Link = (LinkWithDefault.default || LinkWithDefault) as typeof LinkWithDefault.default
|
const Link = (LinkWithDefault.default || LinkWithDefault) as typeof LinkWithDefault.default
|
||||||
|
|
||||||
@@ -18,7 +18,7 @@ export async function Header() {
|
|||||||
<img
|
<img
|
||||||
alt="Payload Logo"
|
alt="Payload Logo"
|
||||||
className={classes.logo}
|
className={classes.logo}
|
||||||
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/payload-logo-dark.svg"
|
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/ui/src/assets/payload-logo-dark.svg"
|
||||||
/>
|
/>
|
||||||
</Link>
|
</Link>
|
||||||
<HeaderNav header={header} />
|
<HeaderNav header={header} />
|
||||||
|
|||||||
@@ -3,8 +3,8 @@ import React from 'react'
|
|||||||
|
|
||||||
import { getHeader } from '../../_api/getHeader.js'
|
import { getHeader } from '../../_api/getHeader.js'
|
||||||
import { Gutter } from '../Gutter/index.js'
|
import { Gutter } from '../Gutter/index.js'
|
||||||
import { HeaderNav } from './Nav/index.js'
|
|
||||||
import classes from './index.module.scss'
|
import classes from './index.module.scss'
|
||||||
|
import { HeaderNav } from './Nav/index.js'
|
||||||
|
|
||||||
const Link = (LinkWithDefault.default || LinkWithDefault) as typeof LinkWithDefault.default
|
const Link = (LinkWithDefault.default || LinkWithDefault) as typeof LinkWithDefault.default
|
||||||
|
|
||||||
@@ -18,7 +18,7 @@ export async function Header() {
|
|||||||
<img
|
<img
|
||||||
alt="Payload Logo"
|
alt="Payload Logo"
|
||||||
className={classes.logo}
|
className={classes.logo}
|
||||||
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/payload/src/admin/assets/images/payload-logo-dark.svg"
|
src="https://raw.githubusercontent.com/payloadcms/payload/main/packages/ui/src/assets/payload-logo-dark.svg"
|
||||||
/>
|
/>
|
||||||
</Link>
|
</Link>
|
||||||
<HeaderNav header={header} />
|
<HeaderNav header={header} />
|
||||||
|
|||||||
Reference in New Issue
Block a user