mirror of
https://github.com/bitsocialnet/5chan.git
synced 2026-08-03 07:41:04 +02:00
fix(App.js): remove automatic dark mode, because it's not part of 4chan UX and it's not old school, and the selected style is saved anyway
This commit is contained in:
+2
-49
@@ -28,21 +28,10 @@ import packageJson from '../package.json';
|
|||||||
const commitRef = process?.env?.REACT_APP_COMMIT_REF || '';
|
const commitRef = process?.env?.REACT_APP_COMMIT_REF || '';
|
||||||
|
|
||||||
export default function App() {
|
export default function App() {
|
||||||
const {
|
const { bodyStyle, setBodyStyle, setDefaultSubplebbits, isCaptchaOpen, setIsCaptchaOpen, setIsSettingsOpen, selectedStyle, setShowPostForm, setShowPostFormLink } =
|
||||||
bodyStyle,
|
useGeneralStore((state) => state);
|
||||||
setBodyStyle,
|
|
||||||
setDefaultSubplebbits,
|
|
||||||
isCaptchaOpen,
|
|
||||||
setIsCaptchaOpen,
|
|
||||||
setIsSettingsOpen,
|
|
||||||
selectedStyle,
|
|
||||||
setSelectedStyle,
|
|
||||||
setShowPostForm,
|
|
||||||
setShowPostFormLink,
|
|
||||||
} = useGeneralStore((state) => state);
|
|
||||||
|
|
||||||
const location = useLocation();
|
const location = useLocation();
|
||||||
const isHomeRoute = location.pathname === '/';
|
|
||||||
const isElectron = window.electron && window.electron.isElectron;
|
const isElectron = window.electron && window.electron.isElectron;
|
||||||
|
|
||||||
const [, setNewErrorMessage] = useError();
|
const [, setNewErrorMessage] = useError();
|
||||||
@@ -112,42 +101,6 @@ export default function App() {
|
|||||||
loadImages();
|
loadImages();
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
// automatic dark mode without interefering with user's selected style
|
|
||||||
useEffect(() => {
|
|
||||||
if (isHomeRoute) return;
|
|
||||||
|
|
||||||
const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
|
|
||||||
const isDarkMode = darkModeMediaQuery.matches;
|
|
||||||
|
|
||||||
if (isDarkMode && !isHomeRoute) {
|
|
||||||
setSelectedStyle('Tomorrow');
|
|
||||||
setBodyStyle({
|
|
||||||
background: '#1d1f21 none',
|
|
||||||
color: '#c5c8c6',
|
|
||||||
fontFamily: 'Arial, Helvetica, sans-serif',
|
|
||||||
});
|
|
||||||
localStorage.setItem('selectedStyle', 'Tomorrow');
|
|
||||||
}
|
|
||||||
|
|
||||||
const darkModeListener = (e) => {
|
|
||||||
if (e.matches && !isHomeRoute) {
|
|
||||||
setSelectedStyle('Tomorrow');
|
|
||||||
setBodyStyle({
|
|
||||||
background: '#1d1f21 none',
|
|
||||||
color: '#c5c8c6',
|
|
||||||
fontFamily: 'Arial, Helvetica, sans-serif',
|
|
||||||
});
|
|
||||||
localStorage.setItem('selectedStyle', 'Tomorrow');
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
darkModeMediaQuery.addEventListener('change', darkModeListener);
|
|
||||||
|
|
||||||
return () => {
|
|
||||||
darkModeMediaQuery.removeEventListener('change', darkModeListener);
|
|
||||||
};
|
|
||||||
}, [isHomeRoute, setBodyStyle, setSelectedStyle]);
|
|
||||||
|
|
||||||
// fetch default subplebbits
|
// fetch default subplebbits
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
let didCancel = false;
|
let didCancel = false;
|
||||||
|
|||||||
Reference in New Issue
Block a user