From 515bbf5066c059ae2b73d3b3a21fbb2a409849a0 Mon Sep 17 00:00:00 2001
From: Denis Bykhov <bykhov.denis@gmail.com>
Date: Fri, 10 May 2024 11:35:57 +0500
Subject: [PATCH] Allow actionIcon has keys for tooltip

Signed-off-by: Denis Bykhov <bykhov.denis@gmail.com>
---
 packages/ui/src/components/ActionIcon.svelte | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/ui/src/components/ActionIcon.svelte b/packages/ui/src/components/ActionIcon.svelte
index af52226e64..a02b4ca679 100644
--- a/packages/ui/src/components/ActionIcon.svelte
+++ b/packages/ui/src/components/ActionIcon.svelte
@@ -13,12 +13,12 @@
 // limitations under the License.
 -->
 <script lang="ts">
-  import type { IntlString, Asset } from '@hcengineering/platform'
-  import type { AnySvelteComponent, TooltipAlignment } from '../types'
+  import type { Asset, IntlString } from '@hcengineering/platform'
   import { ComponentType } from 'svelte'
+  import type { AnySvelteComponent, TooltipAlignment } from '../types'
 
-  import Icon from './Icon.svelte'
   import { tooltip } from '../tooltips'
+  import Icon from './Icon.svelte'
 
   export let label: IntlString = '' as IntlString
   export let labelProps: any = undefined
@@ -29,11 +29,12 @@
   export let action: (ev: MouseEvent) => Promise<void> | void = async () => {}
   export let invisible: boolean = false
   export let disabled: boolean = false
+  export let keys: string[] | undefined = undefined
 </script>
 
 <button
   class="button {size}"
-  use:tooltip={{ label, direction, props: labelProps }}
+  use:tooltip={{ label, direction, props: labelProps, keys }}
   tabindex="0"
   on:click|stopPropagation|preventDefault={action}
   on:contextmenu