pstream is dead; long live pstream
taciturnaxolotl.github.io/pstream-ng/
add generate thumbnail toggle in atoms
+18
+18
src/components/player/atoms/settings/PlaybackSettingsView.tsx
+18
src/components/player/atoms/settings/PlaybackSettingsView.tsx
···
2
2
import { useCallback } from "react";
3
3
import { useTranslation } from "react-i18next";
4
4
5
+
import { Toggle } from "@/components/buttons/Toggle";
5
6
import { Menu } from "@/components/player/internals/ContextMenu";
6
7
import { useOverlayRouter } from "@/hooks/useOverlayRouter";
7
8
import { usePlayerStore } from "@/stores/player/store";
9
+
import { usePreferencesStore } from "@/stores/preferences";
8
10
9
11
function ButtonList(props: {
10
12
options: number[];
···
39
41
const router = useOverlayRouter(id);
40
42
const playbackRate = usePlayerStore((s) => s.mediaPlaying.playbackRate);
41
43
const display = usePlayerStore((s) => s.display);
44
+
const enableThumbnails = usePreferencesStore((s) => s.enableThumbnails);
45
+
const setEnableThumbnails = usePreferencesStore((s) => s.setEnableThumbnails);
42
46
43
47
const setPlaybackRate = useCallback(
44
48
(v: number) => {
···
64
68
selected={playbackRate}
65
69
onClick={setPlaybackRate}
66
70
/>
71
+
</div>
72
+
</Menu.Section>
73
+
<Menu.Section>
74
+
<div className="space-y-4 mt-3">
75
+
<Menu.Link
76
+
rightSide={
77
+
<Toggle
78
+
enabled={enableThumbnails}
79
+
onClick={() => setEnableThumbnails(!enableThumbnails)}
80
+
/>
81
+
}
82
+
>
83
+
{t("settings.preferences.thumbnailLabel")}
84
+
</Menu.Link>
67
85
</div>
68
86
</Menu.Section>
69
87
</>