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('') const [torrServerVersion, setTorrServerVersion] = useState('')
// https://material-ui.com/ru/customization/palette/ // https://material-ui.com/ru/customization/palette/
const [isDarkMode, currentThemeMode, setCurrentThemeMode, muiTheme] = useMaterialUITheme() const [isDarkMode, currentThemeMode, updateThemeMode, muiTheme] = useMaterialUITheme()
const [currentLang, changeLang] = useChangeLanguage() const [currentLang, changeLang] = useChangeLanguage()
const [isOffline, setIsOffline] = useState(false) const [isOffline, setIsOffline] = useState(false)
const { data: torrents, isLoading } = useQuery('torrents', getTorrents, { const { data: torrents, isLoading } = useQuery('torrents', getTorrents, {
@@ -82,11 +82,6 @@ export default function App() {
> >
<HeaderToggle <HeaderToggle
onClick={() => { onClick={() => {
const updateThemeMode = mode => {
setCurrentThemeMode(mode)
localStorage.setItem('themeMode', mode)
}
if (currentThemeMode === THEME_MODES.LIGHT) updateThemeMode(THEME_MODES.DARK) if (currentThemeMode === THEME_MODES.LIGHT) updateThemeMode(THEME_MODES.DARK)
if (currentThemeMode === THEME_MODES.DARK) updateThemeMode(THEME_MODES.AUTO) if (currentThemeMode === THEME_MODES.DARK) updateThemeMode(THEME_MODES.AUTO)
if (currentThemeMode === THEME_MODES.AUTO) updateThemeMode(THEME_MODES.LIGHT) 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: { light: {
app: { app: {
headerToggleColor: '#4db380', headerToggleColor: '#4db380',
appSecondaryColor: '#f1eff3', appSecondaryColor: '#CBE8D9',
sidebarBGColor: '#575757', sidebarBGColor: '#575757',
sidebarFillColor: '#dee3e5', 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 [isDarkMode, setIsDarkMode] = useState(savedThemeMode === 'dark' || isSystemModeDark)
const [currentThemeMode, setCurrentThemeMode] = useState(savedThemeMode || THEME_MODES.LIGHT) const [currentThemeMode, setCurrentThemeMode] = useState(savedThemeMode || THEME_MODES.LIGHT)
const updateThemeMode = mode => {
setCurrentThemeMode(mode)
localStorage.setItem('themeMode', mode)
}
useEffect(() => { useEffect(() => {
currentThemeMode === THEME_MODES.LIGHT && setIsDarkMode(false) currentThemeMode === THEME_MODES.LIGHT && setIsDarkMode(false)
currentThemeMode === THEME_MODES.DARK && setIsDarkMode(true) currentThemeMode === THEME_MODES.DARK && setIsDarkMode(true)
@@ -48,5 +53,5 @@ export const useMaterialUITheme = () => {
[theme], [theme],
) )
return [isDarkMode, currentThemeMode, setCurrentThemeMode, muiTheme] return [isDarkMode, currentThemeMode, updateThemeMode, muiTheme]
} }