refactor: event editor color picker (#1400)

* refactor: event editor color picker

* refactor: throttle and debounce function signature

apps/client/src/common/utils/debounce.ts

@@ -1,12 +1,12 @@
-export function debounce(callback: () => void, wait: number) {
+export function debounce<T extends any[]>(callback: (...args: T) => void, wait: number) {
   let timeout: NodeJS.Timeout | null;
-  return () => {
+  return (...args: T) => {
     if (timeout) {
-      return;
+      clearTimeout(timeout);
     }
     timeout = setTimeout(() => {
       timeout = null;
-      callback();
+      callback(...args);
     }, wait);
   };
 }

apps/client/src/common/utils/throttle.ts

@@ -0,0 +1,12 @@
+export function throttle<T extends any[]>(callback: (...args: T) => void, wait: number) {
+  let timeout: NodeJS.Timeout | null;
+  return (...args: T) => {
+    if (timeout) {
+      return;
+    }
+    timeout = setTimeout(() => {
+      timeout = null;
+      callback(...args);
+    }, wait);
+  };
+}