From 7b36c0375ffb0b0a65e7924003c2eec6defaecd3 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 2 May 2024 18:20:27 +0200
Subject: [PATCH] fix: tooltip

---
 .../billing/planSummary.svelte                   | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/routes/console/organization-[organization]/billing/planSummary.svelte b/src/routes/console/organization-[organization]/billing/planSummary.svelte
index aab5dc786..4462e4fc5 100644
--- a/src/routes/console/organization-[organization]/billing/planSummary.svelte
+++ b/src/routes/console/organization-[organization]/billing/planSummary.svelte
@@ -15,6 +15,7 @@
     import { humanFileSize } from '$lib/helpers/sizeConvertion';
     import { BillingPlan } from '$lib/constants';
     import { trackEvent } from '$lib/actions/analytics';
+    import { tooltip } from '$lib/actions/tooltip';
 
     let currentInvoice: Invoice;
     let extraMembers = 0;
@@ -137,12 +138,15 @@
 
                 <CollapsibleItem noContent isInfo gap={4}>
                     <span class="body-text-2">Current total (USD)</span>
-                    <button class="tooltip u-cross-center" aria-label="variables info">
-                        <span class="icon-info" aria-hidden="true"></span>
-                        <span class="tooltip-popup" role="tooltip">
-                            Set variables or secret keys.
-                        </span>
-                    </button>
+                    <span class="tooltip u-cross-center" aria-label="total info">
+                        <span
+                            class="icon-info"
+                            aria-hidden="true"
+                            use:tooltip={{
+                                content:
+                                    'Totals displayed are estimates updated every 24 hours and may not accurately reflect your invoice.'
+                            }}></span>
+                    </span>
                     <div class="body-text-2 u-margin-inline-start-auto">
                         {formatCurrency(currentInvoice?.amount ?? 0)}
                     </div>