chore: overhauls admin navigation (#3339)
This commit is contained in:
@@ -1,10 +1,9 @@
|
||||
import React, { useEffect } from 'react'
|
||||
import { Redirect } from 'react-router-dom'
|
||||
|
||||
import type { AdminView } from '../../../../../packages/payload/src/config/types'
|
||||
import type { CustomAdminView } from '../../../../../packages/payload/src/config/types'
|
||||
|
||||
import Button from '../../../../../packages/payload/src/admin/components/elements/Button'
|
||||
import Eyebrow from '../../../../../packages/payload/src/admin/components/elements/Eyebrow'
|
||||
import { useStepNav } from '../../../../../packages/payload/src/admin/components/elements/StepNav'
|
||||
// As this is the demo project, we import our dependencies from the `src` directory.
|
||||
import DefaultTemplate from '../../../../../packages/payload/src/admin/components/templates/Default'
|
||||
@@ -18,7 +17,7 @@ import Meta from '../../../../../packages/payload/src/admin/components/utilities
|
||||
// import { useStepNav } from 'payload/components/hooks';
|
||||
// import { useConfig, Meta } from 'payload/components/utilities';
|
||||
|
||||
const CustomDefaultRoute: AdminView = ({ canAccessAdmin, user }) => {
|
||||
const CustomDefaultRoute: CustomAdminView = ({ canAccessAdmin, user }) => {
|
||||
const {
|
||||
routes: { admin: adminRoute },
|
||||
} = useConfig()
|
||||
@@ -48,11 +47,10 @@ const CustomDefaultRoute: AdminView = ({ canAccessAdmin, user }) => {
|
||||
keywords="Custom React Components, Payload, CMS"
|
||||
title="Custom Route with Default Template"
|
||||
/>
|
||||
<Eyebrow />
|
||||
<div
|
||||
style={{
|
||||
paddingRight: 'var(--gutter-h)',
|
||||
paddingLeft: 'var(--gutter-h)',
|
||||
paddingRight: 'var(--gutter-h)',
|
||||
}}
|
||||
>
|
||||
<h1>Custom Route</h1>
|
||||
|
||||
@@ -2,7 +2,6 @@ import React, { Fragment, useEffect } from 'react'
|
||||
import { Redirect, useParams } from 'react-router-dom'
|
||||
|
||||
import Button from '../../../../../packages/payload/src/admin/components/elements/Button'
|
||||
import Eyebrow from '../../../../../packages/payload/src/admin/components/elements/Eyebrow'
|
||||
import { useStepNav } from '../../../../../packages/payload/src/admin/components/elements/StepNav'
|
||||
import { useConfig } from '../../../../../packages/payload/src/admin/components/utilities/Config'
|
||||
import { type CustomAdminView } from '../../../../../packages/payload/src/config/types'
|
||||
@@ -48,7 +47,6 @@ const CustomEditView: CustomAdminView = ({ canAccessAdmin, collection, global, u
|
||||
|
||||
return (
|
||||
<Fragment>
|
||||
<Eyebrow />
|
||||
<div
|
||||
style={{
|
||||
paddingLeft: 'var(--gutter-h)',
|
||||
|
||||
@@ -2,7 +2,6 @@ import React, { Fragment, useEffect } from 'react'
|
||||
import { Redirect, useParams } from 'react-router-dom'
|
||||
|
||||
import Button from '../../../../../packages/payload/src/admin/components/elements/Button'
|
||||
import Eyebrow from '../../../../../packages/payload/src/admin/components/elements/Eyebrow'
|
||||
import { useStepNav } from '../../../../../packages/payload/src/admin/components/elements/StepNav'
|
||||
import { useConfig } from '../../../../../packages/payload/src/admin/components/utilities/Config'
|
||||
import { type CustomAdminView } from '../../../../../packages/payload/src/config/types'
|
||||
@@ -45,7 +44,6 @@ const CustomVersionsView: CustomAdminView = ({ canAccessAdmin, collection, globa
|
||||
|
||||
return (
|
||||
<Fragment>
|
||||
<Eyebrow />
|
||||
<div
|
||||
style={{
|
||||
paddingLeft: 'var(--gutter-h)',
|
||||
|
||||
@@ -2,7 +2,6 @@ import React, { Fragment, useEffect } from 'react'
|
||||
import { useParams } from 'react-router-dom'
|
||||
|
||||
import Button from '../../../../../packages/payload/src/admin/components/elements/Button'
|
||||
import Eyebrow from '../../../../../packages/payload/src/admin/components/elements/Eyebrow'
|
||||
import { useStepNav } from '../../../../../packages/payload/src/admin/components/elements/StepNav'
|
||||
import { useConfig } from '../../../../../packages/payload/src/admin/components/utilities/Config'
|
||||
import { type CustomAdminView } from '../../../../../packages/payload/src/config/types'
|
||||
@@ -42,7 +41,6 @@ const CustomView: CustomAdminView = ({ collection, global }) => {
|
||||
|
||||
return (
|
||||
<Fragment>
|
||||
<Eyebrow />
|
||||
<div
|
||||
style={{
|
||||
paddingLeft: 'var(--gutter-h)',
|
||||
|
||||
Reference in New Issue
Block a user