Add no plugins installed yet condition

This commit is contained in:
Pierre Burgy 2016-11-22 15:22:16 +01:00
parent 405c96d0a9
commit ca2b4d7827
2 changed files with 13 additions and 1 deletions

View File

@ -11,7 +11,12 @@ import styles from './styles.scss';
class LeftMenuLinkContainer extends React.Component { // eslint-disable-line react/prefer-stateless-function
render() {
// List of links
const links = this.props.plugins.valueSeq().map(plugin => <LeftMenuLink key={plugin.id} icon={plugin.icon || 'ion-merge'} label={plugin.name} destination={`/plugins/${plugin.id}`} isActive={this.props.params.plugin === plugin.id}></LeftMenuLink>);
let links = this.props.plugins.valueSeq().map(plugin => <LeftMenuLink key={plugin.id} icon={plugin.icon || 'ion-merge'} label={plugin.name} destination={`/plugins/${plugin.id}`} isActive={this.props.params.plugin === plugin.id}></LeftMenuLink>);
// 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}>

View File

@ -18,4 +18,11 @@
list-style: none;
padding: 0;
margin-bottom: 0.9rem;
}
.noPluginsInstalled {
color: $white;
padding-left: 1.6rem;
padding-right: 1.6rem;
font-weight: 300;
}