import React from 'react';
import { Popover } from 'antd';
import qqChat from "./img/qqChat.png";
import './index.scss';

function SiderBar() {
  const content = (
    <div className='qqChat'>
      <div className='qqMa'><img src={qqChat} alt=''/></div>
      <p className='qqTip'>扫码进入QQ交流群</p>
      <p className='qqTip'>把握最新活动资讯</p>
    </div>
  )

  return (
    //   开源夏令营定制帮助中心调整按钮
    <div className={"-task-sidebar"}>
      <Popover placement='leftBottom' content={content} title={null} forceRender={true} overlayClassName='qqChatBox'>
        <div className={"glccHelp"}>
          <i className='iconfont icon-bangzhuzhongxinicon1 font-20'></i>
          QQ交流
        </div>
      </Popover>
      <div className={"glccHelp"} onClick={()=>window.open("/glcc/help")}>
        <i className='iconfont icon-bangzhuzhongxinicon font-20'></i>
        帮助中心
      </div>
    </div>
  )
}

export default SiderBar;
