Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-04-06 01:49:50 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add generate thumbnail toggle in atoms

Browse source
This commit is contained in:
Pas 2025-06-04 19:19:56 -06:00
parent c0b97d848c
commit 8e868fcb58
1 changed files with 18 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/components/player/atoms/settings/PlaybackSettingsView.tsx
View file

@ -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>
</>
);
}