Merge pull request #261 from appwrite/feat-secret-tooltip

feat: add tooltip to secret component
appwrite · Feb 8, 2023 · 7fc2853 · 7fc2853 · vercel · Feb 8, 2023
2 parents b927558 + 0d82e72
commit 7fc2853
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/lib/components/secret.svelte b/src/lib/components/secret.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+    import { tooltip } from '$lib/actions/tooltip';
     import { Copy } from '.';
 
     export let show = false;
@@ -16,7 +17,8 @@
             class="interactive-text-output-button"
             aria-label="show hidden text"
             type="button"
-            on:click={() => (show = !show)}>
+            on:click={() => (show = !show)}
+            use:tooltip={{ content: show ? 'Hide secret' : 'Show secret', hideOnClick: false }}>
             <span class:icon-eye-off={show} class:icon-eye={!show} aria-hidden="true" />
         </button>
         <Copy {value}>