From 0d82e72e192fb9dae591f04b5f12ee27fce6409a Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 8 Feb 2023 14:31:43 +0100
Subject: [PATCH] feat: add tooltip to secret component

---
 src/lib/components/secret.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/secret.svelte b/src/lib/components/secret.svelte
index 9e64c6676..99498b88c 100644
--- 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}>