Skip to content
Snippets Groups Projects
Select Git revision
  • bff0fb3c450497a647812c05846597d58302d1aa
  • master default protected
  • dev
3 results

UserContext.tsx

Blame
  • Statistics.js 1.09 KiB
    import React, { Component } from 'react';
    import { Container, Menu } from 'semantic-ui-react';
    import Events from './Events'
    
    export default class Statistics extends Component {
      state = { activeItem: 'events' }
      handleItemClick = (e, { name }) => this.setState({ activeItem: name })
    
      render() {
        const { activeItem } = this.state
        return (
          <div>
              <Container
                textAlign="center"
                style={{
                  padding: '60px',
                }}
              >
              <Menu
                attached='top'
                tabular
                size='huge'
                compact={true}>
                <Menu.Item
                  name='events'
                  active={activeItem === 'events'}
                  onClick={this.handleItemClick}
                >Alkalmak
                </Menu.Item>
                <Menu.Item
                  name='trainees'
                  active={activeItem === 'trainees'}
                  onClick={this.handleItemClick}
                >Képződők
                </Menu.Item>
              </Menu>
              { activeItem === 'events' ? <Events /> : '' }
            </Container>
          </div>
        );
      }
    }