Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat(Settings): added blurUnwatchedImage prop to profile settings

Browse source
This commit is contained in:
Botzy 2025-03-14 17:47:36 +02:00
parent 45f8afea91
commit baf3a92693
3 changed files with 29 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/routes/Settings/Settings.js
View file

@ -31,6 +31,7 @@ const Settings = () => {
const toast = useToast();
const {
interfaceLanguageSelect,
blurUnwatchedImageToggle,
subtitlesLanguageSelect,
subtitlesSizeSelect,
subtitlesTextColorInput,
@ -502,6 +503,16 @@ const Settings = () => {
{...playInExternalPlayerSelect}
/>
</div>
<div className={styles['option-container']}>
<div className={styles['option-name-container']}>
<div className={styles['label']}>{ t('SETTINGS_BLUR_UNWATCHED_IMAGE') }</div>
</div>
<Toggle
className={classnames(styles['option-input-container'], styles['toggle-container'])}
tabIndex={-1}
{...blurUnwatchedImageToggle}
/>
</div>
{
shell.active &&
<div className={styles['option-container']}>

17
src/routes/Settings/useProfileSettingsInputs.js
View file

@ -32,6 +32,22 @@ const useProfileSettingsInputs = (profile) => {
}
}), [profile.settings]);
const blurUnwatchedImageToggle = React.useMemo(() => ({
checked: profile.settings.blurUnwatchedImage,
onClick: () => {
core.transport.dispatch({
action: 'Ctx',
args: {
action: 'UpdateSettings',
args: {
...profile.settings,
blurUnwatchedImage: !profile.settings.blurUnwatchedImage
}
}
});
}
}), [profile.settings]);
const quitOnCloseToggle = React.useMemo(() => ({
checked: profile.settings.quitOnClose,
onClick: () => {
@ -325,6 +341,7 @@ const useProfileSettingsInputs = (profile) => {
}), [profile.settings]);
return {
interfaceLanguageSelect,
blurUnwatchedImageToggle,
subtitlesLanguageSelect,
subtitlesSizeSelect,
subtitlesTextColorInput,

1
src/types/models/Ctx.d.ts vendored
View file

@ -21,6 +21,7 @@ type Settings = {
hardwareDecoding: boolean,
escExitFullscreen: boolean,
interfaceLanguage: string,
blurUnwatchedImage: boolean,
nextVideoNotificationDuration: number,
playInBackground: boolean,
playerType: string | null,