import React from 'react'
import { Link } from 'react-router'
export default class ActiveDropdown extends React.Component {
setActiveClass() {
if (this.props.activeRoutes.constructor === Array) {
let childRouteIsActive = this.props.activeRoutes.find((element) => {
return element == window.location.pathname
})
if (childRouteIsActive === undefined) {
return this.props.className
}
return this.props.className += " active";
} else {
return this.props.className
}
}
render() {
return (
<li className="dropdown">
<a className={this.setActiveClass()} data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{this.props.title}<span className="caret" /></a>
<ul className="dropdown-menu">
{this.props.children}
</ul>
</li>
)
}
}
|