he4et/elseifplayer
1
0
Fork 0
mirror of https://github.com/He4eT/elseifplayer.git synced 2026-05-05 01:17:22 +00:00
Code Issues Projects Releases Packages Wiki Activity

Store the UI theme in the LocalStorage

Browse source
This commit is contained in:
He4eT 2021-03-24 17:09:57 +05:00
commit 7f143925ac
6 changed files with 28 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/themes/themes.js
View file

@ -16,19 +16,28 @@ const themes = [
'wasp'
]
const LS_THEME_KEY = 'ifplayer/theme'
const DEFAULT_THEME = themes[0]
const getSavedTheme = () => {
const savedTheme = localStorage.getItem(LS_THEME_KEY)
return savedTheme || DEFAULT_THEME
}
const assertTheme = theme =>
themes.includes(theme)
? theme
: DEFAULT_THEME
: getSavedTheme()
export const useThemeEngine = (initialTheme = DEFAULT_THEME) => {
export const useThemeEngine = (initialTheme = getSavedTheme()) => {
const [currentTheme, setCurrentTheme] =
useState(initialTheme)
const setTheme = theme => {
setCurrentTheme(assertTheme(theme))
const newTheme = assertTheme(theme)
setCurrentTheme(newTheme)
localStorage.setItem(LS_THEME_KEY, newTheme)
}
return { currentTheme, setTheme, themes }