20 lines
520 B
TypeScript
20 lines
520 B
TypeScript
import React from 'react'
|
|
import { Link, useRouteMatch } from 'react-router-dom'
|
|
|
|
import type { DocumentTabComponent } from '../../../../packages/payload/src/admin/components/elements/DocumentHeader/Tabs/types'
|
|
|
|
import './index.scss'
|
|
|
|
const CustomTabComponent: DocumentTabComponent = (props) => {
|
|
const { path } = props
|
|
const match = useRouteMatch()
|
|
|
|
return (
|
|
<li className="custom-doc-tab">
|
|
<Link to={`${match.url}${path}`}>Custom Tab Component</Link>
|
|
</li>
|
|
)
|
|
}
|
|
|
|
export default CustomTabComponent
|