monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2024-09-22 16:26:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

debouncing theme preview to fix #3371

Browse source
This commit is contained in:
Miodec 2022-08-22 16:32:01 +02:00
parent 453e88599f
commit bf3ea69b6e
1 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
frontend/src/ts/controllers/theme-controller.ts
View file

@ -8,6 +8,7 @@ import * as DB from "../db";
import * as Notifications from "../elements/notifications";
import * as Loader from "../elements/loader";
import * as AnalyticsController from "../controllers/analytics-controller";
import { debounce } from "throttle-debounce";
let isPreviewingTheme = false;
export let randomTheme: string | null = null;
@ -173,15 +174,23 @@ export function preview(
isCustom: boolean,
randomTheme = false
): void {
isPreviewingTheme = true;
apply(themeIdentifier, isCustom, !randomTheme);
debouncedPreview(themeIdentifier, isCustom, randomTheme);
}
const debouncedPreview = debounce(
100,
(themeIdenfitier, isCustom, randomTheme) => {
isPreviewingTheme = true;
apply(themeIdenfitier, isCustom, !randomTheme);
}
);
export function set(themeIdentifier: string, isCustom: boolean): void {
apply(themeIdentifier, isCustom);
}
export function clearPreview(applyTheme = true): void {
console.log("clearPreview", applyTheme);
if (isPreviewingTheme) {
isPreviewingTheme = false;
randomTheme = null;