feature: add option to remove event listener

devflowinc · Dec 18, 2024 · 62335e0 · 62335e0
1 parent 069b273
commit 62335e0
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 0 deletions.
diff --git a/clients/search-component/src/utils/hooks/modal-context.tsx b/clients/search-component/src/utils/hooks/modal-context.tsx
@@ -79,6 +79,7 @@ export type ModalProps = {
   buttonTriggers?: {
     selector: string;
     mode: SearchModes;
+    removeListeners?: boolean;
   }[];
   showFloatingButton?: boolean;
   floatingButtonPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right";

diff --git a/clients/search-component/src/utils/hooks/setClickTriggers.ts b/clients/search-component/src/utils/hooks/setClickTriggers.ts
@@ -4,9 +4,24 @@ import { useModalState } from "./modal-context";
 export const setClickTriggers = () => {
   const { setOpen, setMode, props } = useModalState();
 
+  function removeAllClickListeners(selector: string) {
+    const element: Element | null = document.querySelector(selector);
+    if (!element) return;
+    // Vue click attributes
+    element.removeAttribute("@click.prevent");
+    element.removeAttribute("@click");
+
+    const newElement = element.cloneNode(true);
+    element?.parentNode?.replaceChild(newElement, element);
+  }
+
+
   props.buttonTriggers?.forEach((trigger) => {
     const element = document.querySelector(trigger.selector);
     if (element) {
+      if (trigger.removeListeners ?? true) {
+        removeAllClickListeners(trigger.selector);
+      }
       element.addEventListener("click", () => {
         startTransition(() => {
           setMode(trigger.mode);

diff --git a/server/src/handlers/page_handler.rs b/server/src/handlers/page_handler.rs
@@ -141,6 +141,7 @@ pub struct OpenGraphMetadata {
 pub struct ButtonTrigger {
     selector: String,
     mode: String,
+    remove_triggers: Option<bool>,
 }
 
 #[derive(Serialize, Deserialize, Debug, Clone, ToSchema, Default)]