mirror of
https://github.com/ajayyy/SponsorBlock.git
synced 2025-12-09 13:07:05 +03:00
Merge pull request #1333 from Argn0/debouncecolor
Debounce setting bar color
This commit is contained in:
@@ -18,6 +18,7 @@ export interface CategorySkipOptionsState {
|
|||||||
}
|
}
|
||||||
|
|
||||||
class CategorySkipOptionsComponent extends React.Component<CategorySkipOptionsProps, CategorySkipOptionsState> {
|
class CategorySkipOptionsComponent extends React.Component<CategorySkipOptionsProps, CategorySkipOptionsState> {
|
||||||
|
setBarColorTimeout: NodeJS.Timeout;
|
||||||
|
|
||||||
constructor(props: CategorySkipOptionsProps) {
|
constructor(props: CategorySkipOptionsProps) {
|
||||||
super(props);
|
super(props);
|
||||||
@@ -172,6 +173,8 @@ class CategorySkipOptionsComponent extends React.Component<CategorySkipOptionsPr
|
|||||||
}
|
}
|
||||||
|
|
||||||
setColorState(event: React.FormEvent<HTMLInputElement>, preview: boolean): void {
|
setColorState(event: React.FormEvent<HTMLInputElement>, preview: boolean): void {
|
||||||
|
clearTimeout(this.setBarColorTimeout);
|
||||||
|
|
||||||
if (preview) {
|
if (preview) {
|
||||||
this.setState({
|
this.setState({
|
||||||
previewColor: event.currentTarget.value
|
previewColor: event.currentTarget.value
|
||||||
@@ -188,7 +191,9 @@ class CategorySkipOptionsComponent extends React.Component<CategorySkipOptionsPr
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Make listener get called
|
// Make listener get called
|
||||||
|
this.setBarColorTimeout = setTimeout(() => {
|
||||||
Config.config.barTypes = Config.config.barTypes;
|
Config.config.barTypes = Config.config.barTypes;
|
||||||
|
}, 50);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user