Appwrite/console
1
0
Fork 0
mirror of https://github.com/appwrite/console.git synced 2026-06-06 19:27:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

add: tooltip.

Browse Source
This commit is contained in:
Darshan
2025-01-10 15:02:47 +05:30
parent dff6ecd6ef
commit be917bd88d
1 changed files with 24 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/(console)/organization-[organization]/billing/paymentMethods.svelte
+24 -14
View File
@@ -20,6 +20,7 @@
import DeleteOrgPayment from './deleteOrgPayment.svelte';
import ReplaceCard from './replaceCard.svelte';
import EditPaymentModal from '$routes/(console)/account/payments/editPaymentModal.svelte';
import { tooltip } from '$lib/actions/tooltip';
import PaymentModal from '$lib/components/billing/paymentModal.svelte';
import { user } from '$lib/stores/user';
@@ -249,20 +250,29 @@
<div
class="u-bold body-text-2 u-flex u-cross-center u-gap-8 u-padding-block-start-8">
<DropList bind:show={showDropdownBackup} placement="bottom-start">
<Button
text
noMargin
on:click={() => {
if (filteredPaymentMethods.length) {
showDropdownBackup = !showDropdownBackup;
} else {
isSelectedBackup = true;
showPayment = true;
}
}}>
<i class="icon-plus" />
<span class="text"> Add a backup payment method </span>
</Button>
<div class="u-flex u-gap-8 u-cross-center">
<Button
text
noMargin
on:click={() => {
if (filteredPaymentMethods.length) {
showDropdownBackup = !showDropdownBackup;
} else {
isSelectedBackup = true;
showPayment = true;
}
}}>
<span class="icon-plus" />
<span class="text"> Add a backup payment method </span>
</Button>
<span
class="icon-info u-cursor-pointer"
style="font-size: var(--icon-size-small)"
use:tooltip={{
content:
'When your default payment method fails, a backup method will be used to pay your invoice automatically'
}} />
</div>
<svelte:fragment slot="list">
{#if $paymentMethods.total}
{#each filteredPaymentMethods as paymentMethod}