Sha256: 2f0404776877e966daef4e1af304f0909fe258068c33720e9dcca49df88aced4
Contents?: true
Size: 1.19 KB
Versions: 5
Compression:
Stored size: 1.19 KB
Contents
import React from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';
import { bindAll } from 'lodash';
import { observer } from 'mobx-react';
import Heading from 'grommet/components/Heading';
import Header from 'grommet/components/Header';
import MenuOption from './menu-option';
import Menu from 'grommet/components/Menu';
import Icon from '../components/icon';
@observer
export default class Group extends React.Component {
static propTypes = {
group: PropTypes.shape({
active: PropTypes.bool.isRequired,
title: PropTypes.string.isRequired,
icon: PropTypes.string.isRequired,
}).isRequired,
}
render() {
const { group } = this.props;
return (
<Menu direction="column" align="start" justify="between" primary>
<Header align="end" pad={{ horizontal: 'medium' }}>
<Heading tag="h4" strong>
{group.title}
<Icon type={group.icon} />
</Heading>
</Header>
{group.screens.map(s => <MenuOption key={s.id} screen={s} />)}
</Menu>
);
}
}
Version data entries
5 entries across 5 versions & 1 rubygems