forgeplus-react/src/forge/DevOps/Infos.jsx

39 lines
921 B
JavaScript

import React , { useEffect , useState } from 'react';
import { Banner } from '../Component/layout';
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);
useEffect(()=>{
const path = props.location.pathname;
console.log(props.match.params.projectsId)
if(path === `/projects/${props.match.params.projectsId}/ops/list`){
setMenu(true);
}
},[])
return(
<div className="disposePanel">
<Banner>
<span>工作流配置</span>
<span style={{marginLeft:"66px",color:`${ menu ? "#5091FF":"#333" }`}}>构建列表</span>
</Banner>
<Div>
{
menu ?
<Structure {...props}/>
:
<Dispost {...props}/>
}
</Div>
</div>
)
})