mirror of
https://github.com/ArthurDanjou/arthurdanjou.fr.git
synced 2026-01-14 20:19:27 +01:00
18 lines
580 B
JavaScript
18 lines
580 B
JavaScript
import { withRouter } from 'next/router'
|
|
import Link from 'next/link'
|
|
import React, { Children } from 'react'
|
|
|
|
const ActiveLink = ({ router, children, ...props }) => {
|
|
const child = Children.only(children)
|
|
|
|
let className = child.props.className || null
|
|
if (router.pathname === props.href && props.activeClassName) {
|
|
className = `${className !== null ? className : ''} ${props.activeClassName}`.trim()
|
|
}
|
|
|
|
delete props.activeClassName
|
|
|
|
return <Link {...props}>{React.cloneElement(child, { className })}</Link>
|
|
}
|
|
|
|
export default withRouter(ActiveLink) |