forked from Gitlink/forgeplus-react
38 lines
1.2 KiB
JavaScript
38 lines
1.2 KiB
JavaScript
import React , { useEffect , useState } from 'react';
|
|
import { Banner } from '../Component/layout';
|
|
import { Link } from 'react-router-dom';
|
|
|
|
import Dispost from './Dispose';
|
|
import Structure from './Structure';
|
|
|
|
import styled from 'styled-components';
|
|
|
|
const Div = styled.div`{
|
|
padding:24px 30px;
|
|
}`;
|
|
export default ((props)=>{
|
|
const [ menu , setMenu ] = useState(false);
|
|
|
|
const path = props.location.pathname;
|
|
const owner = props.match.params.owner;
|
|
const projectsId = props.match.params.projectsId;
|
|
useEffect(()=>{
|
|
if(path === `/projects/${owner}/${projectsId}/devops/list`){
|
|
setMenu(true);
|
|
}else{
|
|
setMenu(false);
|
|
}
|
|
},[path])
|
|
return(
|
|
<div className="disposePanel">
|
|
<Banner>
|
|
<Link to={`/projects/${owner}/${props.match.params.projectsId}/devops/dispose`} className={menu===false && "color-blue"}>工作流配置</Link>
|
|
<Link to={`/projects/${owner}/${props.match.params.projectsId}/devops/list`}className={menu===true && "color-blue"} style={{ marginLeft:"66px"}}>构建列表</Link>
|
|
</Banner>
|
|
<Div>
|
|
{ menu === true && <Structure {...props}/> }
|
|
{ menu === false && <Dispost {...props}/> }
|
|
</Div>
|
|
</div>
|
|
)
|
|
}) |