Improve menu keys.

This commit is contained in:
Yang Luo
2021-07-27 18:43:55 +08:00
parent 3d493b8d8f
commit c9ae582802

View File

@ -90,25 +90,25 @@ class App extends Component {
uri: uri, uri: uri,
}); });
if (uri === '/') { if (uri === '/') {
this.setState({ selectedMenuKey: 0 }); this.setState({ selectedMenuKey: '/' });
} else if (uri.includes('organizations')) { } else if (uri.includes('/organizations')) {
this.setState({ selectedMenuKey: 1 }); this.setState({ selectedMenuKey: '/organizations' });
} else if (uri.includes('users')) { } else if (uri.includes('/users')) {
this.setState({ selectedMenuKey: 2 }); this.setState({ selectedMenuKey: '/users' });
} else if (uri.includes('providers')) { } else if (uri.includes('/providers')) {
this.setState({ selectedMenuKey: 3 }); this.setState({ selectedMenuKey: '/providers' });
} else if (uri.includes('applications')) { } else if (uri.includes('/applications')) {
this.setState({ selectedMenuKey: 4 }); this.setState({ selectedMenuKey: '/applications' });
} else if (uri.includes('tokens')) { } else if (uri.includes('/tokens')) {
this.setState({ selectedMenuKey: 5 }); this.setState({ selectedMenuKey: '/tokens' });
} else if (uri.includes('records')) { } else if (uri.includes('/records')) {
this.setState({ selectedMenuKey: 6 }); this.setState({ selectedMenuKey: '/records' });
} else if (uri.includes('signup')) { } else if (uri.includes('/signup')) {
this.setState({ selectedMenuKey: 100 }); this.setState({ selectedMenuKey: '/signup' });
} else if (uri.includes('login')) { } else if (uri.includes('/login')) {
this.setState({ selectedMenuKey: 101 }); this.setState({ selectedMenuKey: '/login' });
} else if (uri.includes('result')) { } else if (uri.includes('/result')) {
this.setState({ selectedMenuKey: 100 }); this.setState({ selectedMenuKey: '/result' });
} else { } else {
this.setState({ selectedMenuKey: -1 }); this.setState({ selectedMenuKey: -1 });
} }
@ -253,14 +253,14 @@ class App extends Component {
return null; return null;
} else if (this.state.account === null) { } else if (this.state.account === null) {
// res.push( // res.push(
// <Menu.Item key="100" style={{float: 'right', marginRight: '20px'}}> // <Menu.Item key="/signup" style={{float: 'right', marginRight: '20px'}}>
// <Link to="/signup"> // <Link to="/signup">
// {i18next.t("account:Sign Up")} // {i18next.t("account:Sign Up")}
// </Link> // </Link>
// </Menu.Item> // </Menu.Item>
// ); // );
// res.push( // res.push(
// <Menu.Item key="101" style={{float: 'right'}}> // <Menu.Item key="/login" style={{float: 'right'}}>
// <Link to="/login"> // <Link to="/login">
// {i18next.t("account:Login")} // {i18next.t("account:Login")}
// </Link> // </Link>
@ -281,7 +281,7 @@ class App extends Component {
} }
res.push( res.push(
<Menu.Item key="0"> <Menu.Item key="/">
<Link to="/"> <Link to="/">
{i18next.t("general:Home")} {i18next.t("general:Home")}
</Link> </Link>
@ -290,42 +290,42 @@ class App extends Component {
if (Setting.isAdminUser(this.state.account)) { if (Setting.isAdminUser(this.state.account)) {
res.push( res.push(
<Menu.Item key="1"> <Menu.Item key="/organizations">
<Link to="/organizations"> <Link to="/organizations">
{i18next.t("general:Organizations")} {i18next.t("general:Organizations")}
</Link> </Link>
</Menu.Item> </Menu.Item>
); );
res.push( res.push(
<Menu.Item key="2"> <Menu.Item key="/users">
<Link to="/users"> <Link to="/users">
{i18next.t("general:Users")} {i18next.t("general:Users")}
</Link> </Link>
</Menu.Item> </Menu.Item>
); );
res.push( res.push(
<Menu.Item key="3"> <Menu.Item key="/providers">
<Link to="/providers"> <Link to="/providers">
{i18next.t("general:Providers")} {i18next.t("general:Providers")}
</Link> </Link>
</Menu.Item> </Menu.Item>
); );
res.push( res.push(
<Menu.Item key="4"> <Menu.Item key="/applications">
<Link to="/applications"> <Link to="/applications">
{i18next.t("general:Applications")} {i18next.t("general:Applications")}
</Link> </Link>
</Menu.Item> </Menu.Item>
); );
res.push( res.push(
<Menu.Item key="5"> <Menu.Item key="/tokens">
<Link to="/tokens"> <Link to="/tokens">
{i18next.t("general:Tokens")} {i18next.t("general:Tokens")}
</Link> </Link>
</Menu.Item> </Menu.Item>
); );
res.push( res.push(
<Menu.Item key="6"> <Menu.Item key="/records">
<Link to="/records"> <Link to="/records">
{i18next.t("general:Records")} {i18next.t("general:Records")}
</Link> </Link>
@ -333,8 +333,10 @@ class App extends Component {
); );
} }
res.push( res.push(
<Menu.Item key="7" onClick={() => window.location.href = "/swagger"}> <Menu.Item key="/swagger">
{i18next.t("general:Swagger")} <a target="_blank" rel="noreferrer" href={"/swagger"}>
{i18next.t("general:Swagger")}
</a>
</Menu.Item> </Menu.Item>
); );
return res; return res;