From 26ab48a6359604bd9e98b307c22ef76c90b3a24b Mon Sep 17 00:00:00 2001
From: MickaelK <mickael@kerjean.me>
Date: Wed, 17 Apr 2024 22:16:48 +1000
Subject: [PATCH] chore (rewrite): upload queue close button

---
 public/assets/pages/filespage/ctrl_upload_queue.js | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/public/assets/pages/filespage/ctrl_upload_queue.js b/public/assets/pages/filespage/ctrl_upload_queue.js
index 74486cde..842bc846 100644
--- a/public/assets/pages/filespage/ctrl_upload_queue.js
+++ b/public/assets/pages/filespage/ctrl_upload_queue.js
@@ -1,8 +1,10 @@
 import { createElement } from "../../lib/skeleton/index.js";
+import rxjs, { effect, onClick } from "../../lib/rx.js";
 import { loadCSS } from "../../helpers/loader.js";
+import { qs } from "../../lib/dom.js";
 
 export default function(render) {
-    render(createElement(`
+    const $page = createElement(`
 <div class="component_upload_queue">
   <h2>CURRENT UPLOAD <div class="count_block">
       <span class="completed">24</span>
@@ -182,7 +184,12 @@ export default function(render) {
     </div>
   </div>
 </div>
-    `))
+    `);
+    render($page);
+
+    effect(onClick(qs($page, "img[alt=\"close\"]")).pipe(
+        rxjs.tap(() => $page.classList.add("hidden")),
+    ));
 }
 
 export function init() {