Set image value in Item to list, to support more images in the future

Set all pages to Typescript
This commit is contained in:
Michał Gdula 2024-05-05 11:12:01 +01:00
parent 7d8d19a6e9
commit 9dce9235d6
16 changed files with 63 additions and 59 deletions

View file

@ -9,28 +9,28 @@
function reduce() {
if (item.amount > 1) {
Cart.addToCart(item.uuid, -1)
Cart.addToCart(item.data.uuid, -1)
}
}
function add() {
if (item.amount < 99) {
Cart.addToCart(item.uuid, 1);
Cart.addToCart(item.data.uuid, 1);
}
}
function yeet() {
Cart.removeByUUID(item.uuid)
Cart.removeByUUID(item.data.uuid)
}
</script>
<div class="container">
{#if item.data.image}
<img src="{item.data.image}" alt="Item" class="basket-item-image">
{#if item.data.images}
<img src="{item.data.images[0]}" alt="Item" class="basket-item-image">
{:else}
<img src="/MenuItemLoadingAlt.svg" alt="Item" class="basket-item-image">
<img src="/MenuItemLoading.svg" alt="Item" class="basket-item-image">
{/if}
<ul class="basket-item-data">
<li class="basket-item-name"><a href="/item/{item.uuid}" use:link>{item.data.name}</a></li>
<li class="basket-item-name"><a href="/item/{item.data.uuid}" use:link>{item.data.name}</a></li>
<li class="basket-item-controls">
<button class="button" class:disabled={item.amount <= 1} on:click={reduce}><Minus /></button>
<p>{item.amount}</p>