0ct0pu5/kafka-ui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[UI] Nav cleanup

Browse source
This commit is contained in:
Oleg Shuralev 2020-01-08 03:18:49 +03:00
parent 74b0c000da
commit 5a94e9084f
No known key found for this signature in database
GPG key ID: 0459DF80E1A2FD1B
2 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/components/App.tsx
View file

@ -2,6 +2,7 @@ import React from 'react';
import {
Switch,
Route,
Redirect,
} from 'react-router-dom';
import './App.scss';
import BrokersContainer from './Brokers/BrokersContainer';
@ -33,11 +34,13 @@ const App: React.FC<AppProps> = ({
<NavConatiner className="Layout__navbar" />
{isClusterListFetched ? (
<Switch>
<Route path="/clusters/:clusterId/topics" component={TopicsContainer} />
<Route path="/clusters/:clusterId/brokers" component={BrokersContainer} />
<Route exact path="/">
Dashboard
</Route>
<Route path="/clusters/:clusterId/topics" component={TopicsContainer} />
<Route path="/clusters/:clusterId/brokers" component={BrokersContainer} />
<Redirect from="/clusters/:clusterId" to="/clusters/:clusterId/brokers" />
</Switch>
) : (
<PageLoader />

2
frontend/src/components/Nav/ClusterMenu.tsx
View file

@ -26,7 +26,7 @@ const ClusterMenu: React.FC<Props> = ({
}) => (
<ul className="menu-list">
<li>
<NavLink exact to={`/clusters/${id}`} activeClassName="is-active" title={name} className="has-text-overflow-ellipsis">
<NavLink exact to={`/clusters/${id}/brokers`} title={name} className="has-text-overflow-ellipsis">
{defaultCluster && <DefaultIcon />}
{name}
</NavLink>