56 lines
2.0 KiB
TypeScript
56 lines
2.0 KiB
TypeScript
/*
|
|
* Copyright (C) Contributors to the Suwayomi project
|
|
*
|
|
* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at https://mozilla.org/MPL/2.0/.
|
|
*/
|
|
|
|
import useMediaQuery from '@mui/material/useMediaQuery';
|
|
import { Breakpoint } from '@mui/material/styles';
|
|
import { getCurrentTheme } from '@/theme.ts';
|
|
import { ThemeMode } from '@/components/context/ThemeModeContext.tsx';
|
|
import { AppStorage } from '@/util/AppStorage.ts';
|
|
|
|
export class MediaQuery {
|
|
static useIsTouchDevice(): boolean {
|
|
return useMediaQuery('not (pointer: fine)');
|
|
}
|
|
|
|
static useIsBelowWidth(breakpoint: Breakpoint): boolean {
|
|
return useMediaQuery(getCurrentTheme().breakpoints.down(breakpoint));
|
|
}
|
|
|
|
static useIsMobileWidth(): boolean {
|
|
return this.useIsBelowWidth('sm');
|
|
}
|
|
|
|
static getSystemThemeMode(): Exclude<ThemeMode, 'system'> {
|
|
const prefersDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
return prefersDarkMode ? ThemeMode.DARK : ThemeMode.LIGHT;
|
|
}
|
|
|
|
static getThemeMode(): Exclude<ThemeMode, 'system'> {
|
|
const themeMode = AppStorage.local.getItemParsed<ThemeMode>('themeMode', ThemeMode.SYSTEM);
|
|
|
|
const isSystemMode = themeMode === ThemeMode.SYSTEM;
|
|
if (isSystemMode) {
|
|
return this.getSystemThemeMode();
|
|
}
|
|
|
|
return themeMode;
|
|
}
|
|
|
|
static listenToSystemThemeChange(onChange: (themeMode: Exclude<ThemeMode, 'system'>) => void): () => void {
|
|
const handleSystemThemeModeChange = (e: MediaQueryListEvent) => {
|
|
onChange(e.matches ? ThemeMode.DARK : ThemeMode.LIGHT);
|
|
};
|
|
|
|
const matchSystemThemeMode = window.matchMedia('(prefers-color-scheme: dark)');
|
|
|
|
matchSystemThemeMode.addEventListener('change', handleSystemThemeModeChange);
|
|
|
|
return () => matchSystemThemeMode.removeEventListener('change', handleSystemThemeModeChange);
|
|
}
|
|
}
|