forgeplus-react/src/forge/users/Material/Index.jsx

49 lines
1.3 KiB
JavaScript

import React , { useEffect , useState } from 'react';
import { Menu } from 'antd';
import { Link } from 'react-router-dom';
import Base from './Base';
import Password from './Password';
import './Index.scss';
import '../../SecuritySetting/notice/manager/Index.scss';
function Index(props){
// const { username } = props && props.match && props.match.params;
const { pathname } = props && props.location;
// const { current_user } = props;
const [ key , setKey ] = useState("0");
useEffect(()=>{
if(pathname){
if(pathname === `/settings/profile`){
setKey("0");
}else{
setKey("1");
}
}
},[pathname])
return(
<div className="notice01">
<div className="sshHead">
<Menu selectedKeys={[key]} mode={'horizontal'} className="infosRightMenu">
<Menu.Item key="0"><Link to={`/settings/profile`}>基本资料</Link></Menu.Item>
{/* <Menu.Item key="0"><Link to={`/settings/profile`}>基本资料</Link></Menu.Item> */}
{/* <Menu.Item key="1"><Link to={`/${username}/password`}>密码管理</Link></Menu.Item> */}
</Menu>
</div>
<div style={{padding:"20px"}}>
{
key === "0" ?
<Base {...props}/>
:
<Password {...props}/>
}
</div>
</div>
)
}
export default Index;