From 550cc86a75e9662984470605727e32f072ad97ff Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Fri, 3 Jan 2025 07:03:40 +0100
Subject: [PATCH] Update mock numbers

---
 .../auth/security/updateMockNumbers.svelte           | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/routes/(console)/project-[project]/auth/security/updateMockNumbers.svelte b/src/routes/(console)/project-[project]/auth/security/updateMockNumbers.svelte
index 10e230e57..8f0c783a1 100644
--- a/src/routes/(console)/project-[project]/auth/security/updateMockNumbers.svelte
+++ b/src/routes/(console)/project-[project]/auth/security/updateMockNumbers.svelte
@@ -19,6 +19,7 @@
     import Empty from '$lib/components/empty.svelte';
     import type { Models } from '@appwrite.io/console';
     import { tooltip } from '$lib/actions/tooltip';
+    import { Tooltip } from '@appwrite.io/pink-svelte';
 
     let numbers: Models.MockNumber[] = $project?.authMockNumbers ?? [];
     let initialNumbers = [];
@@ -184,12 +185,14 @@
                                 required>
                                 <button
                                     slot="options"
-                                    use:tooltip={{ content: 'Regenerate', placement: 'bottom' }}
                                     on:click={() => (number.otp = generateOTP())}
                                     class="options-list-button"
                                     aria-label="regenerate text"
                                     type="button">
-                                    <span class="icon-refresh" aria-hidden="true"></span>
+                                    <Tooltip
+                                        ><span class="icon-refresh" aria-hidden="true"></span><span
+                                            slot="tooltip">Regenerate</span
+                                        ></Tooltip>
                                 </button>
                             </InputOTP>
                             <FormItemPart>
@@ -201,7 +204,10 @@
                                     on:click={() => {
                                         deletePhoneNumber(index);
                                     }}>
-                                    <span class="icon-x" aria-hidden="true" />
+                                    <Tooltip
+                                        ><span class="icon-refresh" aria-hidden="true"></span><span
+                                            slot="tooltip">Regenerate</span
+                                        ></Tooltip>
                                 </Button>
                             </FormItemPart>
                         </FormItem>