2022-09-22 01:39:36 +00:00
|
|
|
import { HelpCircle } from 'react-feather';
|
|
|
|
import clsx from 'clsx';
|
|
|
|
|
|
|
|
import { getDocURL } from '@@/PageHeader/ContextHelp/docURLs';
|
|
|
|
|
2022-09-23 05:17:44 +00:00
|
|
|
import headerStyles from '../HeaderTitle.module.css';
|
2022-09-22 01:39:36 +00:00
|
|
|
import './ContextHelp.css';
|
|
|
|
|
|
|
|
export function ContextHelp() {
|
|
|
|
function onHelpClick() {
|
|
|
|
const docURL = getDocURL();
|
|
|
|
window.open(docURL, '_blank');
|
|
|
|
}
|
|
|
|
|
|
|
|
return (
|
2022-09-23 05:17:44 +00:00
|
|
|
<div className={clsx(headerStyles.menuButton)}>
|
|
|
|
<div
|
|
|
|
className={clsx(
|
|
|
|
headerStyles.menuIcon,
|
|
|
|
'menu-icon',
|
|
|
|
'icon-badge text-lg !p-2 mr-1',
|
|
|
|
'text-gray-8',
|
|
|
|
'th-dark:text-gray-warm-7'
|
|
|
|
)}
|
|
|
|
title="Help"
|
|
|
|
>
|
|
|
|
<HelpCircle className="feather" onClick={onHelpClick} />
|
|
|
|
</div>
|
2022-09-22 01:39:36 +00:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|