sovonegr/TorrServerJellyfin
1
0
Fork 0
mirror of https://github.com/Ernous/TorrServerJellyfin.git synced 2025-12-19 21:46:11 +05:00
Code Issues Packages Projects Releases Wiki Activity

refactor

Browse Source
This commit is contained in:
Daniel Shleifman
2021-06-26 21:52:14 +03:00
parent ca4f78120c
commit f3e00e918b
3 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/components/App/index.jsx
View File

@@ -35,7 +35,7 @@ export default function App() {
const [torrServerVersion, setTorrServerVersion] = useState('')
// https://material-ui.com/ru/customization/palette/
const [isDarkMode, currentThemeMode, setCurrentThemeMode, muiTheme] = useMaterialUITheme()
const [isDarkMode, currentThemeMode, updateThemeMode, muiTheme] = useMaterialUITheme()
const [currentLang, changeLang] = useChangeLanguage()
const [isOffline, setIsOffline] = useState(false)
const { data: torrents, isLoading } = useQuery('torrents', getTorrents, {
@@ -82,11 +82,6 @@ export default function App() {
>
<HeaderToggle
onClick={() => {
const updateThemeMode = mode => {
setCurrentThemeMode(mode)
localStorage.setItem('themeMode', mode)
}
if (currentThemeMode === THEME_MODES.LIGHT) updateThemeMode(THEME_MODES.DARK)
if (currentThemeMode === THEME_MODES.DARK) updateThemeMode(THEME_MODES.AUTO)
if (currentThemeMode === THEME_MODES.AUTO) updateThemeMode(THEME_MODES.LIGHT)

2
web/src/style/colors.js
View File

@@ -4,7 +4,7 @@ export const themeColors = {
light: {
app: {
headerToggleColor: '#4db380',
appSecondaryColor: '#f1eff3',
appSecondaryColor: '#CBE8D9',
sidebarBGColor: '#575757',
sidebarFillColor: '#dee3e5',
},

7
web/src/style/materialUISetup.js
View File

@@ -28,6 +28,11 @@ export const useMaterialUITheme = () => {
const [isDarkMode, setIsDarkMode] = useState(savedThemeMode === 'dark' || isSystemModeDark)
const [currentThemeMode, setCurrentThemeMode] = useState(savedThemeMode || THEME_MODES.LIGHT)
const updateThemeMode = mode => {
setCurrentThemeMode(mode)
localStorage.setItem('themeMode', mode)
}
useEffect(() => {
currentThemeMode === THEME_MODES.LIGHT && setIsDarkMode(false)
currentThemeMode === THEME_MODES.DARK && setIsDarkMode(true)
@@ -48,5 +53,5 @@ export const useMaterialUITheme = () => {
[theme],
)
return [isDarkMode, currentThemeMode, setCurrentThemeMode, muiTheme]
return [isDarkMode, currentThemeMode, updateThemeMode, muiTheme]
}