import React from 'react';
import './index.less';
import Page from '@src/containers/Page';
import UserLayout from '../../../layouts/User';
import menu from '../index';

export default class extends Page {
  renderView() {
    const { config } = this.props;
    return (
      <UserLayout
        active={config.key}
        menu={menu}
        center={[this.renderTotal(), this.renderLog(), this.renderTime()]}
        right={[this.renderInfo(), this.renderMessage()]}
      />
    );
  }

  renderTotal() {
    return <div className="total-layout">1</div>;
  }

  renderLog() {
    return <div className="log-layout">1</div>;
  }

  renderTime() {
    return <div className="time-layout">1</div>;
  }

  renderInfo() {
    return <div className="info-layout">1</div>;
  }

  renderMessage() {
    return <div className="message-layout">1</div>;
  }
}