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