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

fixing connectors path redirection issue no to navigate dashboard (#2187)

Browse source
This commit is contained in:
Robert Azizbekyan 2022-06-29 16:10:55 +04:00 • committed by GitHub
parent 46bcbb3436
commit a77869783b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 50 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

94
kafka-ui-react-app/src/components/Connect/Connect.tsx
View file

@ -7,57 +7,63 @@ import {
clusterConnectConnectorsRelativePath, clusterConnectConnectorsRelativePath,
clusterConnectorNewRelativePath, clusterConnectorNewRelativePath,
getNonExactPath, getNonExactPath,
clusterConnectorsPath,
} from 'lib/paths'; } from 'lib/paths';
import { BreadcrumbRoute } from 'components/common/Breadcrumb/Breadcrumb.route'; import { BreadcrumbRoute } from 'components/common/Breadcrumb/Breadcrumb.route';
import useAppParams from 'lib/hooks/useAppParams';
import ListContainer from './List/ListContainer'; import ListContainer from './List/ListContainer';
import NewContainer from './New/NewContainer'; import NewContainer from './New/NewContainer';
import DetailsContainer from './Details/DetailsContainer'; import DetailsContainer from './Details/DetailsContainer';
import EditContainer from './Edit/EditContainer'; import EditContainer from './Edit/EditContainer';
const Connect: React.FC = () => ( const Connect: React.FC = () => {
<Routes> const { clusterName } = useAppParams();
<Route
index return (
element={ <Routes>
<BreadcrumbRoute> <Route
<ListContainer /> index
</BreadcrumbRoute> element={
} <BreadcrumbRoute>
/> <ListContainer />
<Route </BreadcrumbRoute>
path={clusterConnectorNewRelativePath} }
element={ />
<BreadcrumbRoute> <Route
<NewContainer /> path={clusterConnectorNewRelativePath}
</BreadcrumbRoute> element={
} <BreadcrumbRoute>
/> <NewContainer />
<Route </BreadcrumbRoute>
path={clusterConnectConnectorEditRelativePath} }
element={ />
<BreadcrumbRoute> <Route
<EditContainer /> path={clusterConnectConnectorEditRelativePath}
</BreadcrumbRoute> element={
} <BreadcrumbRoute>
/> <EditContainer />
<Route </BreadcrumbRoute>
path={getNonExactPath(clusterConnectConnectorRelativePath)} }
element={ />
<BreadcrumbRoute> <Route
<DetailsContainer /> path={getNonExactPath(clusterConnectConnectorRelativePath)}
</BreadcrumbRoute> element={
} <BreadcrumbRoute>
/> <DetailsContainer />
<Route </BreadcrumbRoute>
path={clusterConnectConnectorsRelativePath} }
element={<Navigate to="/" replace />} />
/> <Route
<Route path={clusterConnectConnectorsRelativePath}
path={RouteParams.connectName} element={<Navigate to={clusterConnectorsPath(clusterName)} replace />}
element={<Navigate to="/" replace />} />
/> <Route
</Routes> path={RouteParams.connectName}
); element={<Navigate to="/" replace />}
/>
</Routes>
);
};
export default Connect; export default Connect;