2017-03-18 17:59:36 +01:00

46 lines
1.1 KiB
JavaScript

/**
*
* LeftMenuLinkContainer
*
*/
import React from 'react';
import LeftMenuLink from 'components/LeftMenuLink';
import styles from './styles.scss';
class LeftMenuLinkContainer extends React.Component { // eslint-disable-line react/prefer-stateless-function
render() {
// List of links
let links = this.props.plugins.valueSeq().map((plugin) => (
<LeftMenuLink
key={plugin.get('id')}
icon={plugin.get('icon') || 'ion-merge'}
label={plugin.get('name')}
destination={`/plugins/${plugin.get('id')}`}
leftMenuLinks={plugin.get('leftMenuLinks')}
/>
));
// Check if the plugins list is empty or not
if (!links.size) {
links = <span className={styles.noPluginsInstalled}>No plugins installed yet.</span>;
}
return (
<div className={styles.leftMenuLinkContainer}>
<p className={styles.title}>Plugins</p>
<ul className={styles.list}>
{links}
</ul>
</div>
);
}
}
LeftMenuLinkContainer.propTypes = {
plugins: React.PropTypes.object,
params: React.PropTypes.object,
};
export default LeftMenuLinkContainer;