From 98b79f2b0830f32ae0e63e8ad7c4641ec8b6df77 Mon Sep 17 00:00:00 2001
From: Andrey Platov <andrey@hardcoreeng.com>
Date: Mon, 27 Sep 2021 18:17:50 +0200
Subject: [PATCH] fix `Tooltip`

Signed-off-by: Andrey Platov <andrey@hardcoreeng.com>
---
 packages/ui/src/components/Tooltip.svelte            |  2 +-
 .../src/components/ApplicationsPopup.svelte          | 12 ++++++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/components/Tooltip.svelte b/packages/ui/src/components/Tooltip.svelte
index 6f877a9b69..e40e8ce813 100644
--- a/packages/ui/src/components/Tooltip.svelte
+++ b/packages/ui/src/components/Tooltip.svelte
@@ -29,7 +29,7 @@
 <div
   class="tooltip-trigger"
   bind:this={triggerHTML}
-  on:mousemove={() => {
+  on:mouseenter={() => {
     showTooltip(label, triggerHTML, direction, component, props)
   }}
 >
diff --git a/plugins/recruit-resources/src/components/ApplicationsPopup.svelte b/plugins/recruit-resources/src/components/ApplicationsPopup.svelte
index 3a0310afd4..9129ef5df3 100644
--- a/plugins/recruit-resources/src/components/ApplicationsPopup.svelte
+++ b/plugins/recruit-resources/src/components/ApplicationsPopup.svelte
@@ -17,14 +17,17 @@
 <script lang="ts">
 
   import type { Applicant, Candidate } from '@anticrm/recruit'
-  import { CircleButton, Label } from '@anticrm/ui'
+  import { CircleButton, showPopup, closeTooltip } from '@anticrm/ui'
   import Vacancy from './icons/Vacancy.svelte'
   import { getClient, createQuery } from '@anticrm/presentation'
+  import EditApplication from './EditApplication.svelte'
 
   import recruit from '@anticrm/recruit'
 
   export let value: Candidate
 
+  console.log('POPPED UP')
+
   let applications: Applicant[] = []
 
   const query = createQuery()
@@ -36,11 +39,16 @@
     return model.getObject(app.space).name
   }
 
+  function show(app: Applicant) {
+    closeTooltip()
+    showPopup(EditApplication, { _id: app._id }, 'full')
+  }
+
 </script>
 
 <div class="flex-col">
   {#each applications as app}
-    <div class="flex-row-center app">
+    <div class="flex-row-center app" on:click={() => show(app)}>
       <div class="app-icon"><CircleButton icon={Vacancy} size={'large'} /></div>
       <div class="flex-grow flex-col">
         <div class="overflow-label label">{getApplicationLabel(app)}</div>