34 lines
872 B
TypeScript
34 lines
872 B
TypeScript
import React, { FunctionComponent } from 'react';
|
|
import globalize from '../../../scripts/globalize';
|
|
|
|
const createLinkElement = ({ className, title, href }: { className?: string, title?: string, href?: string }) => ({
|
|
__html: `<a
|
|
is="emby-linkbutton"
|
|
rel="noopener noreferrer"
|
|
class="${className}"
|
|
target="_blank"
|
|
href="${href}"
|
|
>
|
|
${title}
|
|
</a>`
|
|
});
|
|
|
|
type IProps = {
|
|
title?: string;
|
|
className?: string;
|
|
url?: string
|
|
}
|
|
|
|
const SectionTitleLinkElement: FunctionComponent<IProps> = ({ className, title, url }: IProps) => {
|
|
return (
|
|
<div
|
|
dangerouslySetInnerHTML={createLinkElement({
|
|
className: className,
|
|
title: globalize.translate(title),
|
|
href: url
|
|
})}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default SectionTitleLinkElement;
|