45 lines
1.2 KiB
TypeScript
45 lines
1.2 KiB
TypeScript
import React from 'react'
|
|
import { NavLink } from 'react-router-dom'
|
|
|
|
// As this is the demo project, we import our dependencies from the `src` directory.
|
|
import Chevron from '../../../../packages/payload/src/admin/components/icons/Chevron'
|
|
import { useConfig } from '../../../../packages/payload/src/admin/components/utilities/Config'
|
|
|
|
// In your projects, you can import as follows:
|
|
// import { Chevron } from 'payload/components';
|
|
// import { useConfig } from 'payload/components/utilities';
|
|
|
|
const baseClass = 'after-nav-links'
|
|
|
|
const AfterNavLinks: React.FC = () => {
|
|
const {
|
|
routes: { admin: adminRoute },
|
|
} = useConfig()
|
|
|
|
return (
|
|
<div className={baseClass}>
|
|
<span className="nav__label">Custom Routes</span>
|
|
<nav>
|
|
<NavLink
|
|
activeClassName="active"
|
|
className="nav__link"
|
|
to={`${adminRoute}/custom-default-route`}
|
|
>
|
|
<Chevron />
|
|
Default Template
|
|
</NavLink>
|
|
<NavLink
|
|
activeClassName="active"
|
|
className="nav__link"
|
|
to={`${adminRoute}/custom-minimal-route`}
|
|
>
|
|
<Chevron />
|
|
Minimal Template
|
|
</NavLink>
|
|
</nav>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default AfterNavLinks
|