comty/src/components/Layout/Sider/index.js

import React from 'react'
import { config } from 'utils'
import * as ycore from 'ycore'

import Sider_Mobile from './mobile.js'
import Sider_Default from './default.js'

class Sider extends React.PureComponent {
  
  onClickFunctions = {
    saves: (e) => {
      this.setState({selectedKey: e})
      ycore.router.go('saves')  
    },
    events: (e) => {
     this.setState({selectedKey: e})
     ycore.router.go('events')
    },
    marketplace: (e) => {
      this.setState({selectedKey: e})
      ycore.router.go('marketplace') 
    },
    explore: (e) => {
      this.setState({selectedKey: e})
      ycore.router.go('main') 
    },
  }

  handleClickMenu = e => {
    e.key === 'SignOut' && ycore.app_session.logout()
    e.key === 'general_settings' && ycore.router.go('settings')
    e.key === 'saves' && this.onClickFunctions.saves(e.key)
    e.key === 'events' && this.onClickFunctions.events(e.key)
    e.key === 'marketplace' && this.onClickFunctions.marketplace(e.key)
    e.key === 'explore' && this.onClickFunctions.explore(e.key)
    e.key === 'debug_area' && ycore.router.go('__m')
  }

  render() {
    const { isMobile } = this.props
    const sider_props = {handleClickMenu: this.handleClickMenu ,logo: config.LogoPath, menulist: null}

    if (isMobile) {
      return <Sider_Mobile {...sider_props} />
    }
    return <Sider_Default {...sider_props} />
  }
}

export default Sider