From b1d751e60f98fd7b6d4acd90aec10d37ea71b810 Mon Sep 17 00:00:00 2001
From: Sergei Ogorelkov <sergei.ogorelkov@xored.com>
Date: Sat, 28 May 2022 00:43:13 +0700
Subject: [PATCH] Fix "Copy to clipboard" title (#1876) (#1877)

Signed-off-by: Sergei Ogorelkov <sergei.ogorelkov@xored.com>
---
 .../issues/edit/CopyToClipboard.svelte        | 33 +++----------------
 .../issues/edit/CopyToClipboardButton.svelte  | 32 ++++++++++++++++++
 2 files changed, 37 insertions(+), 28 deletions(-)
 create mode 100644 plugins/tracker-resources/src/components/issues/edit/CopyToClipboardButton.svelte

diff --git a/plugins/tracker-resources/src/components/issues/edit/CopyToClipboard.svelte b/plugins/tracker-resources/src/components/issues/edit/CopyToClipboard.svelte
index 924771de66..8d23777356 100644
--- a/plugins/tracker-resources/src/components/issues/edit/CopyToClipboard.svelte
+++ b/plugins/tracker-resources/src/components/issues/edit/CopyToClipboard.svelte
@@ -13,49 +13,26 @@
 // limitations under the License.
 -->
 <script lang="ts">
-  import { Button } from '@anticrm/ui'
   import tracker from '../../../plugin'
+  import CopyToClipboardButton from './CopyToClipboardButton.svelte'
 
   export let issueUrl: string | undefined = undefined
   export let issueId: string | undefined = undefined
   export let issueBranch: string | undefined = undefined
-
-  function copy (text?: string): void {
-    if (text) {
-      navigator.clipboard.writeText(text)
-    }
-  }
 </script>
 
 {#if issueUrl}
-  <Button
-    icon={tracker.icon.Issue}
-    title={tracker.string.CopyIssueUrl}
-    width="min-content"
-    size="small"
-    kind="transparent"
-    on:click={() => copy(issueUrl)}
-  />
+  <CopyToClipboardButton icon={tracker.icon.Issue} title={tracker.string.CopyIssueUrl} text={issueUrl} />
 {/if}
 
 {#if issueId}
-  <Button
-    icon={tracker.icon.Views}
-    title={tracker.string.CopyIssueId}
-    width="min-content"
-    size="small"
-    kind="transparent"
-    on:click={() => copy(issueId)}
-  />
+  <CopyToClipboardButton icon={tracker.icon.Views} title={tracker.string.CopyIssueId} text={issueId} />
 {/if}
 
 {#if issueBranch}
-  <Button
+  <CopyToClipboardButton
     icon={tracker.icon.TrackerApplication}
     title={tracker.string.CopyIssueBranch}
-    width="min-content"
-    size="small"
-    kind="transparent"
-    on:click={() => issueBranch}
+    text={issueBranch}
   />
 {/if}
diff --git a/plugins/tracker-resources/src/components/issues/edit/CopyToClipboardButton.svelte b/plugins/tracker-resources/src/components/issues/edit/CopyToClipboardButton.svelte
new file mode 100644
index 0000000000..cd29cd4500
--- /dev/null
+++ b/plugins/tracker-resources/src/components/issues/edit/CopyToClipboardButton.svelte
@@ -0,0 +1,32 @@
+<!--
+// Copyright © 2022 Hardcore Engineering Inc.
+// 
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+// 
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// 
+// See the License for the specific language governing permissions and
+// limitations under the License.
+-->
+<script lang="ts">
+  import { Asset, IntlString } from '@anticrm/platform'
+  import { Button, Tooltip } from '@anticrm/ui'
+
+  export let icon: Asset
+  export let title: IntlString
+  export let text: string
+</script>
+
+<Tooltip label={title} direction="bottom" fill>
+  <Button
+    {icon}
+    width="min-content"
+    size="small"
+    kind="transparent"
+    on:click={() => navigator.clipboard.writeText(text)}
+  />
+</Tooltip>