Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-01-22 10:46:19 +01:00
Code Issues Projects Releases Packages Wiki Activity

web/DonationOption: use icon prop instead of slot

Browse source
This commit is contained in:
wukko 2024-11-20 14:15:03 +06:00
parent 540bbbdad7
commit a0616841bf
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
web/src/components/donate/DonateOptionsCard.svelte
View file

@ -176,14 +176,13 @@
showRightScroll = currentPos < maxPos && currentPos !== maxPos;
}}
>
{#each Object.entries(PRESET_DONATION_AMOUNTS) as [amount, component]}
{#each Object.entries(PRESET_DONATION_AMOUNTS) as [amount, icon]}
<DonationOption
price={+amount}
desc={$t(`donate.card.option.${amount}`)}
href={donationMethods[processor](+amount * 100)}
>
<svelte:component this={component} />
</DonationOption>
{icon}
/>
{/each}
</div>
</div>

3
web/src/components/donate/DonationOption.svelte
View file

@ -2,6 +2,7 @@
export let price: number;
export let desc: string;
export let href: string;
export let icon: ConstructorOfATypedSvelteComponent;
const USD = new Intl.NumberFormat("en-US", {
style: "currency",
@ -17,7 +18,7 @@
}}
>
<div class="donate-card-title">
<slot></slot>
<svelte:component this={icon} />
{USD.format(price)}
</div>
<div class="donate-card-subtitle">{desc}</div>