63 lines
2.3 KiB
JavaScript
63 lines
2.3 KiB
JavaScript
import React,{useState , useEffect} from 'react';
|
||
import { Link } from 'react-router-dom';
|
||
import AgreementModal from './agreementModal';
|
||
|
||
function Main(props){
|
||
const [ visible , setVisible ] = useState(false);
|
||
const { owner , projectsId } = props.match.params;
|
||
const [ has_trace_user , setHas_trace_user ] = useState(false);
|
||
|
||
const { current_user , resetUserInfo, projectDetail, showNotification } = props;
|
||
|
||
useEffect(()=>{
|
||
if(current_user && !current_user.login){
|
||
props.history.push(`/login?go_page=/${owner}/${projectsId}/server`);
|
||
}else{
|
||
setHas_trace_user(current_user.has_trace_user);
|
||
}
|
||
},[current_user])
|
||
|
||
function onOk(){
|
||
setVisible(false);
|
||
resetUserInfo && resetUserInfo();
|
||
props.history.push(`/${owner}/${projectsId}/server/1`);
|
||
}
|
||
|
||
function openDetail(){
|
||
if(projectDetail && projectDetail.forked_from_project_id){
|
||
showNotification("fork仓库暂不支持代码溯源服务，敬请谅解。");
|
||
}else if(!has_trace_user){
|
||
setVisible(true);
|
||
}else{
|
||
props.history.push(`/${owner}/${projectsId}/server/1`);
|
||
}
|
||
}
|
||
return(
|
||
<div>
|
||
<AgreementModal visible={visible} onCancel={()=>setVisible(false)} onOk={onOk}/>
|
||
<ul className="serverlist">
|
||
<li>
|
||
<span className="servername">
|
||
<img src={require('./img/logo.png')} alt=""/>
|
||
<a onClick={openDetail}>重晴鸟代码溯源系统</a>
|
||
</span>
|
||
<p className="task-hide-2 serverdesc">支持软件源代码的溯源分析、自主度评估、开源漏洞检测、开源许可证合规性分析等</p>
|
||
<span className="serverbtn">
|
||
<a onClick={openDetail} className="btnhover">查看详情</a>
|
||
</span>
|
||
</li>
|
||
<li>
|
||
<span className="servername">
|
||
<img src={require('./img/logo.png')} alt=""/>
|
||
<Link to={`/${owner}/${projectsId}/server/reposyncer`}>Reposyncer仓库同步系统</Link>
|
||
</span>
|
||
<p className="task-hide-2 serverdesc">支持不同开源托管平台自动同步推送/拉取相关代码，实现多平台项目同步开发功能</p>
|
||
<span className="serverbtn">
|
||
<Link to={`/${owner}/${projectsId}/server/reposyncer`} className="btnhover">查看详情</Link>
|
||
</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
)
|
||
}
|
||
export default Main; |