import React from "react";
import { Link } from "react-router-dom";
// import Banner from "./banner";
import Lightspot from './lightspot';
import TimerShaft from './timerShaft';
import Award from "./award";
import News from './news';
import Partner from "./partner";
import Contact from "./contact";
import banner from "../img/banner.png";
import './index.scss';

export default (props) => {
  const {current_user, isGlccApplyDate, showNotification} = props;

  return (
    <div className="glcc">
      {/* <Banner /> */}
      <img className="glcc-banner" src={banner}></img>
      {/* <div > */}
        <Link className="apply-btn" to={isGlccApplyDate ? current_user && current_user.login ? '/glcc/apply' : '/login?go_page=/glcc/apply' : '/glcc'} onClick={()=>{!isGlccApplyDate && showNotification("不在报名时间，报名时间为4月15日~5月8日")}}>
          <div className="apply-text">立即报名</div>
          <div className="apply-icon"><i className="font-14 iconfont icon-xiangyoujiantou "></i></div>
        </Link>
      {/* </div> */}
      <div className="introduce glcc-content">
        <div className="glcc-tit">活动简介</div>
        <div className="introduce-content">GitLink编程夏令营（GLCC），是在CCF中国计算机学会指导下，由CCF开源发展委员会（CCF ODC）举办的面向全国高校学生的暑期编程活动。活动将覆盖近千所高校，并联合各大开源基金会、开源企业、开源社区、开源专家，旨在鼓励青年学生通过参加真实的开源软件开发，提升自身技术能力，为开源社区输送优秀人才。为青年学生提供开放友好的交流平台，希望进一步推动国内开源社区的繁荣发展。</div>
      </div>
      <Lightspot isGlccApplyDate={isGlccApplyDate} current_user={current_user} showNotification={showNotification}/>
      <TimerShaft />
      <Award />
      <News />
      <Partner />
      <Contact />
    </div>
  )
}