From 851b499754d36b9636b2087d3d3c19c16e10c86a Mon Sep 17 00:00:00 2001
From: MerlinScheurer <merlin.scheurer@Yahoo.de>
Date: Sun, 12 Jan 2025 14:32:58 +0100
Subject: [PATCH] Add prepended text to ToggleConfig

---
 frontend/src/components/ToggleConfig.tsx | 3 +++
 frontend/src/pages/Video.tsx             | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/ToggleConfig.tsx b/frontend/src/components/ToggleConfig.tsx
index 4238ec33..adaf69a7 100644
--- a/frontend/src/components/ToggleConfig.tsx
+++ b/frontend/src/components/ToggleConfig.tsx
@@ -1,6 +1,7 @@
 type ToggleConfigProps = {
   name: string;
   value: boolean;
+  text?: string;
   updateCallback: (name: string, value: boolean) => void;
   resetCallback?: (arg0: boolean) => void;
   onValue?: boolean | string;
@@ -10,11 +11,13 @@ type ToggleConfigProps = {
 const ToggleConfig = ({
   name,
   value,
+  text,
   updateCallback,
   resetCallback = undefined,
 }: ToggleConfigProps) => {
   return (
     <div className="toggle">
+      {text && <p>{text}</p>}
       <div className="toggleBox">
         <input
           name={name}
diff --git a/frontend/src/pages/Video.tsx b/frontend/src/pages/Video.tsx
index 9485ce13..e76a1dfe 100644
--- a/frontend/src/pages/Video.tsx
+++ b/frontend/src/pages/Video.tsx
@@ -485,9 +485,9 @@ const Video = () => {
                     </h3>
                   </Link>
 
-                  <p>Autoplay:</p>
                   <ToggleConfig
-                    name="Autoplay:"
+                    name="playlist-autoplay"
+                    text="Autoplay:"
                     value={
                       playlistAutoplay &&
                       playlistIdForAutoplay === playlistItem.playlist_meta.playlist_id