problem: product count doesn't look nice

This commit is contained in:
gsovereignty
2024-08-17 21:36:02 +08:00
parent 85db532e6a
commit ba3b4ad05a

View File

@@ -10,6 +10,7 @@
import PayNow from './PayNow.svelte'; import PayNow from './PayNow.svelte';
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import { devmode } from '@/stores/session'; import { devmode } from '@/stores/session';
import BadgeMaker from './BadgeMaker.svelte';
export let product: ProductEvent; export let product: ProductEvent;
export let rocket: Rocket; export let rocket: Rocket;
@@ -71,8 +72,17 @@
<AddProductToRocket {product} {rocket} /> <AddProductToRocket {product} {rocket} />
{:else if productFromRocket} {:else if productFromRocket}
{#if productFromRocket.MaxPurchases() && unratifiedZaps} {#if productFromRocket.MaxPurchases() && unratifiedZaps}
<div class="flex flex-nowrap"> <div class="mb-4 flex flex-nowrap">
{remainingProducts(productFromRocket, unratifiedZaps)} available <BadgeMaker
><div slot="icon">SOLD:</div>
<div slot="content">{unratifiedZaps.size}</div></BadgeMaker
>
<BadgeMaker
><div slot="icon">AVAILABLE:</div>
<div slot="content">
{remainingProducts(productFromRocket, unratifiedZaps)}
</div></BadgeMaker
>
</div> </div>
{/if} {/if}
<PayNow <PayNow