From 9616b3fb193ee89ae20643c8b10d6403c2f0c6db Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Tue, 31 Dec 2024 09:40:02 +0100
Subject: [PATCH] plan summary tooltip

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

diff --git a/src/routes/(console)/organization-[organization]/billing/planSummary.svelte b/src/routes/(console)/organization-[organization]/billing/planSummary.svelte
index a0b0d4166..bf4e0fcea 100644
--- a/src/routes/(console)/organization-[organization]/billing/planSummary.svelte
+++ b/src/routes/(console)/organization-[organization]/billing/planSummary.svelte
@@ -10,8 +10,8 @@
     import { humanFileSize } from '$lib/helpers/sizeConvertion';
     import { BillingPlan } from '$lib/constants';
     import { trackEvent } from '$lib/actions/analytics';
-    import { tooltip } from '$lib/actions/tooltip';
     import { type Models } from '@appwrite.io/console';
+    import { Tooltip } from '@appwrite.io/pink-svelte';
 
     export let invoices: Array<Invoice>;
     export let members: Models.MembershipList;
@@ -161,15 +161,14 @@
 
                 <CollapsibleItem noContent gap={4}>
                     <span class="body-text-2">Current total (USD)</span>
-                    <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>
+                    <Tooltip>
+                        <span class="tooltip u-cross-center" aria-label="total info">
+                            <span class="icon-info" aria-hidden="true"></span>
+                        </span>
+                        <span slot="tooltip"
+                            >Totals displayed are estimates updated every 24 hours and may not
+                            accurately reflect your invoice.</span>
+                    </Tooltip>
                     <div class="body-text-2 u-margin-inline-start-auto">
                         {$organization?.billingPlan === BillingPlan.FREE ||
                         $organization?.billingPlan === BillingPlan.GITHUB_EDUCATION