import { collapsePath } from '../../../../helpers/path';
import { getProjectUrl, getBaseUrl } from '../../../../helpers/urls';
import { isSonarCloud } from '../../../../helpers/system';
+import { isMainBranch } from '../../../../helpers/branches';
interface StateProps {
organization?: T.Organization;
location?: any;
}
-interface Props extends StateProps, OwnProps {}
+type Props = StateProps & OwnProps;
export function ComponentNavHeader(props: Props) {
const { component, organization } = props;
<span className="slash-separator" />
</>
)}
- {renderBreadcrumbs(component.breadcrumbs)}
+ {renderBreadcrumbs(
+ component.breadcrumbs,
+ props.currentBranchLike !== undefined && !isMainBranch(props.currentBranchLike)
+ )}
{isSonarCloud() &&
component.alm && (
<a
);
}
-function renderBreadcrumbs(breadcrumbs: T.Breadcrumb[]) {
+function renderBreadcrumbs(breadcrumbs: T.Breadcrumb[], shouldLinkLast: boolean) {
const lastItem = breadcrumbs[breadcrumbs.length - 1];
return breadcrumbs.map((item, index) => {
const isPath = item.qualifier === 'DIR';
return (
<React.Fragment key={item.key}>
{index === 0 && <QualifierIcon className="spacer-right" qualifier={lastItem.qualifier} />}
- <Link
- className="navbar-context-header-breadcrumb-link link-base-color link-no-underline"
- title={item.name}
- to={getProjectUrl(item.key)}>
- {itemName}
- </Link>
+ {shouldLinkLast || index < breadcrumbs.length - 1 ? (
+ <Link
+ className="navbar-context-header-breadcrumb-link link-base-color link-no-underline"
+ title={item.name}
+ to={getProjectUrl(item.key)}>
+ {itemName}
+ </Link>
+ ) : (
+ <span className="navbar-context-header-breadcrumb-link" title={item.name}>
+ {itemName}
+ </span>
+ )}
{index < breadcrumbs.length - 1 && <span className="slash-separator" />}
</React.Fragment>
);
className="spacer-right"
qualifier="TRK"
/>
- <Link
- className="navbar-context-header-breadcrumb-link link-base-color link-no-underline"
- onlyActiveOnIndex={false}
- style={Object {}}
+ <span
+ className="navbar-context-header-breadcrumb-link"
title="My Project"
- to={
- Object {
- "pathname": "/dashboard",
- "query": Object {
- "branch": undefined,
- "id": "my-project",
- },
- }
- }
>
My Project
- </Link>
+ </span>
</header>
`;
className="spacer-right"
qualifier="TRK"
/>
- <Link
- className="navbar-context-header-breadcrumb-link link-base-color link-no-underline"
- onlyActiveOnIndex={false}
- style={Object {}}
+ <span
+ className="navbar-context-header-breadcrumb-link"
title="My Project"
- to={
- Object {
- "pathname": "/dashboard",
- "query": Object {
- "branch": undefined,
- "id": "my-project",
- },
- }
- }
>
My Project
- </Link>
+ </span>
<a
className="link-no-underline"
href="https://bitbucket.org/foo"
className="spacer-right"
qualifier="TRK"
/>
- <Link
- className="navbar-context-header-breadcrumb-link link-base-color link-no-underline"
- onlyActiveOnIndex={false}
- style={Object {}}
+ <span
+ className="navbar-context-header-breadcrumb-link"
title="My Project"
- to={
- Object {
- "pathname": "/dashboard",
- "query": Object {
- "branch": undefined,
- "id": "my-project",
- },
- }
- }
>
My Project
- </Link>
+ </span>
</header>
`;