mirror of https://github.com/portainer/portainer
65 lines
1.4 KiB
TypeScript
65 lines
1.4 KiB
TypeScript
import { HelpCircle } from 'lucide-react';
|
|
import clsx from 'clsx';
|
|
import { useCurrentStateAndParams } from '@uirouter/react';
|
|
|
|
import { useSystemVersion } from '@/react/portainer/system/useSystemVersion';
|
|
|
|
import headerStyles from './HeaderTitle.module.css';
|
|
|
|
export function ContextHelp() {
|
|
const docsUrl = useDocsUrl();
|
|
|
|
return (
|
|
<div className={headerStyles.menuButton}>
|
|
<a
|
|
href={docsUrl}
|
|
target="_blank"
|
|
color="none"
|
|
className={clsx(
|
|
headerStyles.menuIcon,
|
|
'icon-badge mr-1 !p-2 text-lg cursor-pointer',
|
|
'text-gray-8',
|
|
'th-dark:text-gray-warm-7'
|
|
)}
|
|
title="Documentation"
|
|
rel="noreferrer"
|
|
data-cy="context-help-button"
|
|
>
|
|
<HelpCircle className="lucide" />
|
|
</a>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export function useDocsUrl(doc?: string): string {
|
|
const { state } = useCurrentStateAndParams();
|
|
const versionQuery = useSystemVersion();
|
|
|
|
if (!doc && !state) {
|
|
return '';
|
|
}
|
|
|
|
let url = 'https://docs.portainer.io/';
|
|
|
|
// Add LTS or STS version if we have it
|
|
if (versionQuery.data?.VersionSupport) {
|
|
url += versionQuery.data.VersionSupport.toLowerCase();
|
|
}
|
|
|
|
if (doc) {
|
|
return url + doc;
|
|
}
|
|
|
|
const { data } = state;
|
|
if (
|
|
data &&
|
|
typeof data === 'object' &&
|
|
'docs' in data &&
|
|
typeof data.docs === 'string'
|
|
) {
|
|
return url + data.docs;
|
|
}
|
|
|
|
return url;
|
|
}
|