From c1acc6fdc5e2d64391d9fcdfb6fa5d08c361f578 Mon Sep 17 00:00:00 2001
From: MickaelK <mickael@kerjean.me>
Date: Sat, 6 Jan 2024 18:16:48 +1100
Subject: [PATCH] chore (refactoring): refactoring

---
 .../pages/adminpage/ctrl_backend_component_storage.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/public/assets/pages/adminpage/ctrl_backend_component_storage.js b/public/assets/pages/adminpage/ctrl_backend_component_storage.js
index bfff0864..be1a3430 100644
--- a/public/assets/pages/adminpage/ctrl_backend_component_storage.js
+++ b/public/assets/pages/adminpage/ctrl_backend_component_storage.js
@@ -23,13 +23,16 @@ export default async function(render) {
     `);
     render($page);
 
+    const $available = qs($page, `[data-bind="backend-available"]`);
+    const $enabled = qs($page, `[data-bind="backend-enabled"]`);
+
     // feature: setup the buttons
     const init$ = getBackendAvailable().pipe(
-        rxjs.tap(() => qs($page, "[data-bind=\"backend-available\"]").innerHTML = ""),
+        rxjs.tap(() => $available.innerHTML = ""),
         rxjs.mergeMap((specs) => Promise.all(Object.keys(specs).map((label) => createElement(`
             <div is="box-item" data-label="${label}"></div>
         `)))),
-        applyMutations(qs($page, "[data-bind=\"backend-available\"]"), "appendChild"),
+        applyMutations($available, "appendChild"),
         rxjs.share(),
     );
     effect(init$);
@@ -94,8 +97,8 @@ export default async function(render) {
             `)]; }
             return nodeList;
         }),
-        rxjs.tap(() => qs($page, "[data-bind=\"backend-enabled\"]").innerHTML = ""),
-        applyMutations(qs($page, "[data-bind=\"backend-enabled\"]"), "appendChild"),
+        rxjs.tap(() => $enabled.innerHTML = ""),
+        applyMutations($enabled, "appendChild"),
         rxjs.share(),
     );
     effect(setupForm$);