jhalitaksoy/mancala
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add event emitter to theme manager

Browse Source
This commit is contained in:
Halit Aksoy 2022-09-02 00:01:09 +03:00
parent 959544b2ab
commit 1dd2f352f3
1 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/theme/ThemeManager.ts
View File

@ -2,15 +2,18 @@ import lightTheme from "./LightTheme";
import greyTheme from "./GreyTheme"; import greyTheme from "./GreyTheme";
import { Theme } from "./Theme"; import { Theme } from "./Theme";
import darkTheme from "./DarkTheme"; import darkTheme from "./DarkTheme";
import EventEmitter2, { Listener } from "eventemitter2";
export const themes = [lightTheme, darkTheme, greyTheme]; export const themes = [lightTheme, darkTheme, greyTheme];
const THEME_ID = "theme_id"; const THEME_ID = "theme_id";
export default class ThemeManager { export type ThemeManagerEvents = "themechange";
_theme: Theme;
onThemeChange: (theme: Theme) => void; export default class ThemeManager extends EventEmitter2 {
private _theme: Theme;
constructor() { constructor() {
super();
this._theme = this.readFromLocalStorage() || lightTheme; this._theme = this.readFromLocalStorage() || lightTheme;
} }
@ -20,7 +23,7 @@ export default class ThemeManager {
public set theme(value: Theme) { public set theme(value: Theme) {
this._theme = value; this._theme = value;
this.onThemeChange?.(value); this.emit("themechange", value);
this.writetToLocalStorage(value); this.writetToLocalStorage(value);
} }
@ -28,7 +31,7 @@ export default class ThemeManager {
localStorage.setItem(THEME_ID, value.id); localStorage.setItem(THEME_ID, value.id);
} }
private readFromLocalStorage(): Theme { private readFromLocalStorage(): Theme | undefined {
const themeID = localStorage.getItem(THEME_ID); const themeID = localStorage.getItem(THEME_ID);
const theme = themes.find((eachTheme: Theme) => themeID === eachTheme.id); const theme = themes.find((eachTheme: Theme) => themeID === eachTheme.id);
return theme; return theme;
@ -37,4 +40,11 @@ export default class ThemeManager {
public get themes(): Theme[] { public get themes(): Theme[] {
return themes; return themes;
} }
public on(event: ThemeManagerEvents, callback: (...value: any[]) => void): Listener | this {
return super.on(event, callback);
}
public off(event: ThemeManagerEvents, callback: (...value: any[]) => void): this {
return super.off(event, callback);
}
} }