From bcde1d6a8df672e5fa7456908fc02807ae8097ab Mon Sep 17 00:00:00 2001
From: Miodec <bartnikjack@gmail.com>
Date: Thu, 10 Feb 2022 22:49:21 +0100
Subject: [PATCH] subscribing to config event fixes 1 circular dependency part
 of #2462

---
 frontend/src/js/config.js                            | 3 ---
 frontend/src/js/elements/custom-background-filter.js | 9 +++++++++
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/src/js/config.js b/frontend/src/js/config.js
index 76946abbf..e6d44fd44 100644
--- a/frontend/src/js/config.js
+++ b/frontend/src/js/config.js
@@ -2,7 +2,6 @@ import * as DB from "./db";
 import * as Sound from "./controllers/sound-controller";
 import * as OutOfFocus from "./test/out-of-focus";
 import * as Notifications from "./elements/notifications";
-import * as BackgroundFilter from "./elements/custom-background-filter";
 import LayoutList from "./test/layouts";
 
 export let localStorageConfig = null;
@@ -1240,8 +1239,6 @@ export function setCustomBackgroundSize(value, nosave) {
 
 export function setCustomBackgroundFilter(array, nosave) {
   config.customBackgroundFilter = array;
-  BackgroundFilter.loadConfig(config.customBackgroundFilter);
-  BackgroundFilter.apply();
   if (!nosave) saveToLocalStorage();
   dispatchEvent("customBackgroundFilter", config.customBackgroundFilter);
 }
diff --git a/frontend/src/js/elements/custom-background-filter.js b/frontend/src/js/elements/custom-background-filter.js
index a90a4122a..aa3940bd2 100644
--- a/frontend/src/js/elements/custom-background-filter.js
+++ b/frontend/src/js/elements/custom-background-filter.js
@@ -122,3 +122,12 @@ $(".section.customBackgroundFilter  .save.button").click((e) => {
   UpdateConfig.setCustomBackgroundFilter(arr, false);
   Notifications.add("Custom background filters saved", 1);
 });
+
+$(document).ready(() => {
+  UpdateConfig.subscribeToEvent((eventKey, eventValue) => {
+    if (eventKey === "customBackgroundFilter") {
+      loadConfig(eventValue);
+      apply();
+    }
+  });
+});