From 8e868fcb58185c2592628aaf7fa2fed5d03007c5 Mon Sep 17 00:00:00 2001
From: Pas <74743263+Pasithea0@users.noreply.github.com>
Date: Wed, 4 Jun 2025 19:19:56 -0600
Subject: [PATCH] add generate thumbnail toggle in atoms

---
 .../atoms/settings/PlaybackSettingsView.tsx    | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/components/player/atoms/settings/PlaybackSettingsView.tsx b/src/components/player/atoms/settings/PlaybackSettingsView.tsx
index 892efedd..bb532c65 100644
--- a/src/components/player/atoms/settings/PlaybackSettingsView.tsx
+++ b/src/components/player/atoms/settings/PlaybackSettingsView.tsx
@@ -2,9 +2,11 @@ import classNames from "classnames";
 import { useCallback } from "react";
 import { useTranslation } from "react-i18next";
 
+import { Toggle } from "@/components/buttons/Toggle";
 import { Menu } from "@/components/player/internals/ContextMenu";
 import { useOverlayRouter } from "@/hooks/useOverlayRouter";
 import { usePlayerStore } from "@/stores/player/store";
+import { usePreferencesStore } from "@/stores/preferences";
 
 function ButtonList(props: {
   options: number[];
@@ -39,6 +41,8 @@ export function PlaybackSettingsView({ id }: { id: string }) {
   const router = useOverlayRouter(id);
   const playbackRate = usePlayerStore((s) => s.mediaPlaying.playbackRate);
   const display = usePlayerStore((s) => s.display);
+  const enableThumbnails = usePreferencesStore((s) => s.enableThumbnails);
+  const setEnableThumbnails = usePreferencesStore((s) => s.setEnableThumbnails);
 
   const setPlaybackRate = useCallback(
     (v: number) => {
@@ -66,6 +70,20 @@ export function PlaybackSettingsView({ id }: { id: string }) {
           />
         </div>
       </Menu.Section>
+      <Menu.Section>
+        <div className="space-y-4 mt-3">
+          <Menu.Link
+            rightSide={
+              <Toggle
+                enabled={enableThumbnails}
+                onClick={() => setEnableThumbnails(!enableThumbnails)}
+              />
+            }
+          >
+            {t("settings.preferences.thumbnailLabel")}
+          </Menu.Link>
+        </div>
+      </Menu.Section>
     </>
   );
 }