diff --git a/src/components/molecules/ManageableBreadcrumbs/ManageableBreadcrumbs.tsx b/src/components/molecules/ManageableBreadcrumbs/ManageableBreadcrumbs.tsx index 8a6cb4e..2edac2d 100644 --- a/src/components/molecules/ManageableBreadcrumbs/ManageableBreadcrumbs.tsx +++ b/src/components/molecules/ManageableBreadcrumbs/ManageableBreadcrumbs.tsx @@ -9,6 +9,7 @@ type TManageableBreadCrumbsProps = { } export const ManageableBreadcrumbs: FC = ({ idToCompare, inside }) => { + const location = useLocation() const { pathname } = useLocation() const params = useParams() const clusterName = params?.clusterName || '' @@ -21,6 +22,13 @@ export const ManageableBreadcrumbs: FC = ({ idToCom const apiExtensionVersion = params?.apiExtensionVersion || '' const crdName = params?.crdName || '' + const replaceValuesPartsOfUrls = location.pathname + .split('/') + .reduce>((acc, value, index) => { + acc[index.toString()] = value + return acc + }, {}) + return ( = ({ idToCom entryName, apiExtensionVersion, crdName, + ...replaceValuesPartsOfUrls, }} pathname={pathname} />