diff --git a/src/elements/SectionTitleContainer.tsx b/src/elements/SectionTitleContainer.tsx index 88aa01c26c02..d60d8bbcb446 100644 --- a/src/elements/SectionTitleContainer.tsx +++ b/src/elements/SectionTitleContainer.tsx @@ -1,6 +1,7 @@ import React, { FunctionComponent } from 'react'; import IconButtonElement from './IconButtonElement'; -import SectionTitleLinkElement from './SectionTitleLinkElement'; +import LinkButton from './emby-button/LinkButton'; +import globalize from '../scripts/globalize'; type IProps = { SectionClassName?: string; @@ -28,11 +29,13 @@ const SectionTitleContainer: FunctionComponent = ({ SectionClassName, ti icon={btnIcon} />} - {isLinkVisible && } + target='_blank' + rel='noopener noreferrer' + href={url}> + {globalize.translate('Help')} + } ); diff --git a/src/elements/SectionTitleLinkElement.tsx b/src/elements/SectionTitleLinkElement.tsx deleted file mode 100644 index c9c7e419e8ae..000000000000 --- a/src/elements/SectionTitleLinkElement.tsx +++ /dev/null @@ -1,34 +0,0 @@ -import React, { FunctionComponent } from 'react'; -import globalize from '../scripts/globalize'; - -const createLinkElement = ({ className, title, href }: { className?: string, title?: string, href?: string }) => ({ - __html: ` - ${title} - ` -}); - -type IProps = { - title?: string; - className?: string; - url?: string -}; - -const SectionTitleLinkElement: FunctionComponent = ({ className, title, url }: IProps) => { - return ( -
- ); -}; - -export default SectionTitleLinkElement;