import './Activity.scss'
import React, { Component } from 'react'
import TimeTree from './Timeline/Timeline'
import { connect } from 'react-redux'
import PropTypes from 'prop-types'
import { Button } from 'antd'
@connect(
  state => {
    return {
      uid: state.user.uid + '',
      curdata: state.inter.curdata,
      currProject: state.project.currProject
    }
  }
)

class Activity extends Component {
  constructor(props) {
    super(props);
  }
  static propTypes = {
    uid: PropTypes.string,
    getMockUrl: PropTypes.func,
    match: PropTypes.object,
    curdata: PropTypes.object,
    currProject: PropTypes.object
  }
  render () {
    let {currProject} = this.props;
    return (
      <div className="g-row">
        <section className="news-box">
          <div style={{display: "none"}} className="logHead">
            {/*<Breadcrumb />*/}
            <div className = "projectDes">
              <p>高效、易用、可部署的API管理平台</p>
            </div>
            <div className="Mockurl">
              <span>Mock地址：</span>
              <p>{location.protocol + '//' + location.hostname + (location.port !== "" ? ":" + location.port : "") + `/mock/${currProject._id}${currProject.basepath}/yourPath`}</p>
              <Button type="primary"><a href = {`/api/project/download?project_id=${this.props.match.params.id}`}>下载Mock数据</a></Button>
            </div>
          </div>
          <TimeTree typeid = {+this.props.match.params.id} />
        </section>
      </div>
    )
  }
}

export default Activity