2016-10-05 18:13:02 +02:00

29 lines
734 B
JavaScript

/**
*
* LeftMenuLink
*
*/
import React from 'react';
import { Link } from 'react-router';
import styles from './styles.scss';
console.log('styles', styles);
class LeftMenuLink extends React.Component { // eslint-disable-line react/prefer-stateless-function
render() {
return (
<li className={styles.leftMenuLink}>
<Link className={styles.leftMenuLinkDestination} activeClassName={styles.leftMenuLinkDestinationActive} to={`/plugins/settings-manager/${this.props.link.to}`}>{this.props.link.label}
<i className={`ion ion-arrow-right-c ${styles.leftMenuLinkIcon}`}></i>
</Link>
</li>
);
}
}
export default LeftMenuLink;
LeftMenuLink.propTypes = {
link: React.PropTypes.object,
};