Move trickplay settings to react

2025-03-30 19:56:21 +00:00 · 2024-03-18 12:28:38 -07:00 · 2024-03-18 12:28:38 -07:00 · 08f9ec9f01
commit 08f9ec9f01
parent fc664090cc
6 changed files with 326 additions and 146 deletions
--- a/src/components/dashboard/playback/trickplay/LinkTrickplayAcceleration.tsx
+++ b/src/components/dashboard/playback/trickplay/LinkTrickplayAcceleration.tsx
@ -0,0 +1,33 @@
+import React, { FunctionComponent } from 'react';
+import globalize from '../../../../scripts/globalize';
+
+type IProps = {
+    title?: string;
+    className?: string;
+    href?: string;
+};
+
+const createLinkElement = ({ className, title, href }: IProps) => ({
+    __html: `<a
+        is="emby-linkbutton"
+        rel="noopener noreferrer"
+        class="${className}"
+        href="${href}"
+        >
+        ${title}
+    </a>`
+});
+
+const LinkTrickplayAcceleration: FunctionComponent<IProps> = ({ className, title, href }: IProps) => {
+    return (
+        <div
+            dangerouslySetInnerHTML={createLinkElement({
+                className: className,
+                title: globalize.translate(title),
+                href: href
+            })}
+        />
+    );
+};
+
+export default LinkTrickplayAcceleration;