octo/tooot
1
0
Fork 0
mirror of https://github.com/tooot-app/app synced 2025-06-05 22:19:13 +02:00
Code Issues Projects Releases Wiki Activity

Fix theme changing issue

Browse Source
This commit is contained in:
Zhiyuan Zheng
2022-02-17 00:09:19 +01:00
parent fb8bb54989
commit dd7b9cd6a2
6 changed files with 15 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/utils/styles/ThemeManager.tsx
View File

@ -1,10 +1,4 @@
import React, {
createContext,
useContext,
useEffect,
useRef,
useState
} from 'react'
import React, { createContext, useContext, useEffect, useState } from 'react'
import { Appearance } from 'react-native'
import { useSelector } from 'react-redux'
import { ColorDefinitions, getColors, Theme } from '@utils/styles/themes'
@ -85,25 +79,23 @@ const ThemeManager: React.FC = ({ children }) => {
const userTheme = useSelector(getSettingsTheme)
const darkTheme = useSelector(getSettingsDarkTheme)
const mode = useRef(userTheme === 'auto' ? osTheme || 'light' : userTheme)
const [mode, setMode] = useState(
userTheme === 'auto' ? osTheme || 'light' : userTheme
)
const [theme, setTheme] = useState<Theme>(
determineTheme(osTheme, userTheme, darkTheme)
)
useEffect(() => {
mode.current = userTheme === 'auto' ? osTheme || 'light' : userTheme
}, [userTheme])
setMode(userTheme === 'auto' ? osTheme || 'light' : userTheme)
}, [osTheme, userTheme])
useEffect(() => {
setTheme(determineTheme(osTheme, userTheme, darkTheme))
}, [osTheme, userTheme, darkTheme])
return (
<ManageThemeContext.Provider
value={{
mode: mode.current,
theme,
colors: getColors(theme)
}}
value={{ mode, theme, colors: getColors(theme) }}
>
{children}
</ManageThemeContext.Provider>