From 57230668ee476a4589e8a5e9ed7e0a8eb7764b12 Mon Sep 17 00:00:00 2001
From: Bellisario <72039923+Bellisario@users.noreply.github.com>
Date: Tue, 3 Dec 2024 23:19:41 +0100
Subject: [PATCH] fix: broken ActionButton

---
 src/lib/ActionButton.svelte | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/lib/ActionButton.svelte b/src/lib/ActionButton.svelte
index 2430318..ab843c1 100644
--- a/src/lib/ActionButton.svelte
+++ b/src/lib/ActionButton.svelte
@@ -1,8 +1,5 @@
 <script lang="ts">
   import focusable from '$lib/focuser/focusable';
-  import { createEventDispatcher } from 'svelte';
-
-  const dispatch = createEventDispatcher();
 
   interface Props {
     title?: string;
@@ -30,6 +27,7 @@
     primary = false,
     disabled = false,
     hoverTitle = null,
+    onclick: fireClick
   }: Props = $props();
 
   let styles = {
@@ -45,9 +43,9 @@
       .join(' ');
   }
 
-  function click() {
-    dispatch('click');
-
+  function handleClick() {
+    // @ts-ignore
+    fireClick()
     // focus on body to prevent the button from staying focused
     (document.activeElement as HTMLButtonElement).blur();
   }
@@ -59,7 +57,7 @@
   class:active
   class:primary
   class:btn--disabled={disabled}
-  onclick={click}
+  onclick={handleClick}
   style={getStyle(styles)}
   class:fitContent
   use:focusable