import React, { Component } from 'react';

import './TPMShixunDiscuss.css'

import Shixunfork_list from './shixunchild/Shixunfork_list'
import TPMRightSection from './component/TPMRightSection'
import TPMNav from './component/TPMNav'
import Loading from '../../components/loading';

class TPMForklist extends Component {
  constructor(props) {
    super(props)

  }

  render() {
    const { loadingContent, shixun, user, match
    } = this.props;

    return (
      <React.Fragment>
        <div className="tpmComment educontent clearfix mt30 mb80">

          <div className="with65 fl edu-back-white commentsDelegateParent" >
            <TPMNav
              match={match}
              user={user}
              shixun={shixun}
              {...this.props}
              is_jupyter={this.props.is_jupyter}
            ></TPMNav>
            {loadingContent ?
              <Loading /> :

              <Shixunfork_list />
            }
          </div>

          <div className="with35 fr pl20">
            <TPMRightSection {...this.props}></TPMRightSection>
          </div>
        </div>
      </React.Fragment>

    );
  }
}

export default TPMForklist;
