Contents

import React from 'react';
import { observer } from 'mobx-react';
import { action } from 'mobx';
import PropTypes from 'prop-types';
import Sidebar from 'grommet/components/Sidebar';
import Header  from 'grommet/components/Header';
import Anchor  from 'grommet/components/Anchor';
import Menu from 'grommet/components/Menu';
import Group   from './menu-group';
import Screens from '../screens';


import User from '../user';

@observer
class Logout extends React.PureComponent {


    static contextTypes = {
        router: PropTypes.object,
    }

    @action.bound
    onLogoutClick(ev) {
        ev.stopPropagation();
        ev.preventDefault();
        User.logout();
        this.context.router.history.push('/');
    }

    render() {
        if (!User.isLoggedIn) { return null; }
        return (
            <Menu direction="column" align="start" justify="between" primary>
                <Header align="end" pad={{ horizontal: 'medium' }}>
                </Header>
                <Anchor label="Log Out" onClick={this.onLogoutClick}>
                    Log Out
                </Anchor>
            </Menu>
        );
    }

}

@observer
export default class WorkspaceMenu extends React.Component {

    render() {
        return (
            <Sidebar
                full size="small" separator="right"
                colorIndex="brand"
            >
                <Header justify="between" size="large" pad={{ horizontal: 'medium' }}>
                    Logo
                </Header>
                {Screens.activeGroups.map(g => <Group key={g.id} group={g} />)}

                <Logout />

            </Sidebar>
        );
    }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
hippo-fw-0.9.5	client/hippo/workspace/menu.jsx
hippo-fw-0.9.4	client/hippo/workspace/menu.jsx