mirror of
https://github.com/aljazceru/hypergolic.git
synced 2025-12-19 06:24:20 +01:00
problem: product count doesn't look nice
This commit is contained in:
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user